vueでscssを使用してエラーを報告する
1412 ワード
1.scssのインストール
npm install node-sass sass-loader --save-dev
npm install style-loader css-loader --save-dev
2.buildファイルでwebpack.base.conf.jsを見つけ、以下のように構成します.
3.これでOKと思ったのですが、運転中、エラー
一般的にはsass-loaderの現在のバージョンが高すぎて、少し下げておけばいいということです.
"sass-loader": "^8.0.2",
現在のバージョン:
"sass-loader": "^7.0.2",
npm install node-sass sass-loader --save-dev
npm install style-loader css-loader --save-dev
2.buildファイルでwebpack.base.conf.jsを見つけ、以下のように構成します.
{
test: /\.vue$/,
loader: 'vue-loader',
// options: vueLoaderConfig,
options: {
loaders: {
'scss': 'style-loader!css-loader!sass-loader'
}
}
{
test: /\.scss$/,
loaders: ["style", "css", "sass"] //
}
3.これでOKと思ったのですが、運転中、エラー
Module build failed: TypeError: this.getResolve is not a function
at Object.loader (C:\Users\BigBear\Desktop\vue_admintest
ode_modules\[email protected]@sass-loader\dist\index.js:52:26)
@ ./node_modules/[email protected]@style-loader/dist/cjs.js!./node_modules/css-loader!./node_modules/vue-loader/lib/style-compiler?
{"vue":true,"id":"data-v-7ba5bd90","scoped":true,"hasInlineConfig":false}!./node_modules/[email protected]@sass-loader/dist/cjs.js!./
node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/App.vue 2:26-345
一般的にはsass-loaderの現在のバージョンが高すぎて、少し下げておけばいいということです.
"sass-loader": "^8.0.2",
現在のバージョン:
"sass-loader": "^7.0.2",