vue项目在scss文件中引入css报错怎么修改？

Question

报错信息，什么原因导致的，如何修改？

This dependency was not found:

* -!../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!./reset.css in ./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss&scoped=true&

To install it, you can run: npm install --save -!../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!./reset.css

App.vue文件中引入style.scss

    <style lang="scss" scoped>
        @import './assets/css/style.scss';
    </style>

style.scss中文件内容

@import './reset.css';
@import './global.scss';

目录结构

Answer 1

试一试这样

Answer 2

把.scss文件引入的那个.css文件的后缀直接改为.scss并重新引入即可