Итак, последние пару дней я пытался использовать sass в своем проекте vue.js, но код никогда не компилируется. Для установки я сделал: [npm install sass-loader node-sass --save]. Затем я ввожу его в свой код следующим образом:
<style lang="scss">
...
</style>
После этого live-view перестает работать, и я получаю эту ошибку:
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, и я не изменил ни один код в vue.js, кроме добавления 'lang = "scss"'. Единственные команды, которые я использовал для создания программы: (в командной строке):
vue init webpack todo-list
&
cd todo-list
code .
npm run dev
Я что-то пропустил или что происходит?
(Извините, если я не даю достаточно информации, я новичок в программировании и в этом сообществе StackOverflow.)