在Vue.js项目中安装/使用Sass(不进行编译)

时间:2019-10-24 14:30:50

标签: node.js vue.js sass

因此,过去两天我一直在尝试在我的vue.js项目中使用sass,但是代码从未编译过。要安装,我已经完成:[npm install sass-loader node-sass --save]。然后,将其输入到我的代码中,如下所示:

<style lang="scss">
...
</style>

完成此操作后,实时视图将停止运行,并且出现此错误:

ERROR in ./node_modules/css-loader?sourceMap!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-7ba5bd90","scoped":false,"hasInlineConfig":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/App.vue
Error loading PostCSS config: Loading PostCSS Plugin failed: Cannot find module 'postcss-import'
 @ ./node_modules/vue-style-loader!./node_modules/css-loader?sourceMap!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-7ba5bd90","scoped":false,"hasInlineConfig":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/App.vue 4:14-285 13:3-17:5 14:22-293
 @ ./src/App.vue
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

我正在Windows PC上运行它,除了添加'lang =“ scss”'外,我没有更改vue.js中的任何代码。我用来制作程序的唯一命令是(在命令提示符下):

vue init webpack todo-list

cd todo-list
code .
npm run dev

我有什么我想念的,或者发生了什么事?

(抱歉,如果我没有提供足够的信息,那么我是编程和这个StackOverflow社区的新手。)

0 个答案:

没有答案