ホームページ > 記事 > ウェブフロントエンド > vue プロジェクトで SASS をコンパイルするときにエラーが発生した場合の対処方法
vue プロジェクトのコンパイル Sass エラーの解決策: 1. イメージ ソース「cnpm install node-sass sass-loader --save-dev」を使用して Sass をインストールします; 2. 「package.json」の「sass」を変更します。 " -loader" version is ""sass-loader": "^7.3.1","; 3. ページ内で直接使用するか、src の代わりに @ を使用します。
このチュートリアルの動作環境: Windows 10 システム、sass-loader バージョン 7.3.1、Dell G3 コンピューター。
vue プロジェクトで sass コンパイル エラーが発生した場合はどうすればよいですか?
vue が Sass を使用する場合のエラー報告の問題を解決する
インストール:
npm config set registry https://registry.npm.taobao.org/ //sass-node报错的话,使用镜像源cnpm install node-sass sass-loader --save-dev 再安装一次 npm install node-sass --registry=https://registry.npm.taobao.orgpackage.json の sass-loader バージョンを変更します
"sass-loader": "^7.3.1",
使用:
ページ内で直接または src の代わりに @ を使用します (@ は 3.x では設定する必要はありませんが、2.x では webpack ファイルで設定する必要があります)問題の説明:
次の問題は、sass を使用しているときに遭遇したエラーです:*!!vue-style-loader!css-loader?{“sourceMap”:true}! ../../../../vue-loader/lib/style-compiler/index?{“vue”:t rue,”id”:”data-v-570115ee”,”scoped”:false,”hasInlineConfig”:false}!../../../../vux-loader/src/after-less-loader.js!less-loader?{“so urceMap”:true}!../../../../vux-loader/src/style-loader.js!../../../../vue-loader/lib/selector?type=style s&index=0!./index.vue in ./node_m odules/vux/src/components/alert /index.vue
解決策 このような問題は一般に、この例では、エラー メッセージを注意深く読み、キーワード vue-style-loader! css-loader を理解してください。これは、CSS の解析時に問題があることを意味します。
したがって、解決策は状況に応じて異なり、通常かそれ以下か Sass かなど、使用する CSS 言語によって異なります。
regulatory で見つかった場合は、
npm install stylus-loader css-loader style-loader --save-dev2 を実行します。
less で見つかった場合は、
npm install less less-loader --save-dev3 を実行します。
sass でこの問題が発生した場合は、
npm install sass sass-loader --save-devを実行して依存関係をインストールします
または
$npm intall sass-loader --save ; $npm install node-sass --save
わからない場合でも、大丈夫です。 3 それらをすべて実行するつもりですか?。
通常、この問題は構成を初期化するときにのみ発生します。プロジェクトがすでに損なわれていない場合は、package.json で構成されているため、直接インストールできます。
推奨される学習: 「vue ビデオ チュートリアル 」
以上がvue プロジェクトで SASS をコンパイルするときにエラーが発生した場合の対処方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。