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 を使用する場合のエラー報告の問題を解決する

## 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.org

package.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 言語によって異なります。

1.

regulatory で見つかった場合は、

npm install stylus-loader css-loader style-loader --save-dev

2 を実行します。

less で見つかった場合は、

npm install less less-loader --save-dev

3 を実行します。

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 サイトの他の関連記事を参照してください。