ホームページ > ウェブフロントエンド > jsチュートリアル > インポートを通じて外部 CSS を導入するときに vue プロジェクトがエラーを報告した場合はどうすればよいですか?

インポートを通じて外部 CSS を導入するときに vue プロジェクトがエラーを報告した場合はどうすればよいですか?

coldplay.xixi
リリース: 2020-11-30 15:16:05
オリジナル
4336 人が閲覧しました

vue プロジェクトがインポートを通じて外部 CSS を導入するときのエラーの解決策: まず、関連するコンテンツを [webpack.config.js] に追加し、追加後に再度 npm run dev を実行し、 jsonファイル内の[css-loader] データを待ってインストールします。

インポートを通じて外部 CSS を導入するときに vue プロジェクトがエラーを報告した場合はどうすればよいですか?

このチュートリアルの動作環境: 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-loaderurl-loadernpm install (-D) でインストールされていない場合は、そのままインストールしてください。

関連する学習に関する推奨事項 (無料): JavaScript 学習チュートリアル

以上がインポートを通じて外部 CSS を導入するときに vue プロジェクトがエラーを報告した場合はどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート