vue プロジェクトがインポートを通じて外部 CSS を導入するときのエラーの解決策: まず、関連するコンテンツを [webpack.config.js] に追加し、追加後に再度 npm run dev を実行し、 jsonファイル内の[css-loader] データを待ってインストールします。
このチュートリアルの動作環境: Windows 7 システム、Vue バージョン 2.9.6。この方法は、すべてのブランドのコンピューターに適しています。
vue プロジェクトはインポートを通じて外部 CSS を導入し、エラーを報告します:
vue は webpack-simple を通じてプロジェクトを生成し、外部 CSS を導入し、エラーを報告します:
1. 次の内容を webpack.config.js に追加し、npm run dev
{ test:/\.css$/, loader:'style-loader!css-loader' }, { test: /.woff|.woff2|.svg|.eot|.ttf/, use: 'url-loader?prefix=font/&limit=10000' }
2 を再試行します。css-loader
がjson ファイル、style-loader
、url-loader
が npm install (-D)
でインストールされていない場合は、そのままインストールしてください。
関連する学習に関する推奨事項 (無料): JavaScript 学習チュートリアル
以上がインポートを通じて外部 CSS を導入するときに vue プロジェクトがエラーを報告した場合はどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。