Que dois-je faire si le projet vue signale une erreur lors de l'introduction de CSS externes via l'importation ?

La solution à l'erreur signalée lorsque le projet vue introduit du CSS externe via l'importation : ajoutez d'abord le contenu pertinent dans [webpack.config.js], ajoutez-le, puis npm exécutez à nouveau dev, puis vérifiez s'il y a [ ; css-loader] dans le fichier json 】Attendez les données et installez-les.

L'environnement d'exploitation de ce tutoriel : Système Windows 7, Vue version 2.9.6 Cette méthode convient à toutes les marques d'ordinateurs.

La solution à l'erreur signalée lorsque le projet vue introduit du CSS externe via l'importation :

vue génère le projet via webpack-simple, et la solution à l'erreur signalée lors de l'introduction de CSS externes :

1. Ajoutez le contenu suivant à webpack.config.js, puis ajoutez à nouveau npm run dev

{
        test:/\.css$/,
        loader:'style-loader!css-loader'
 },
{
        test: /.woff|.woff2|.svg|.eot|.ttf/,
        use: 'url-loader?prefix=font/&limit=10000'
 }

2. Vérifiez si css-loader, style-loader , url-loader existe dans le fichier json, s'il ne passe pas npm install（-D）Installez-le simplement.

Recommandations d'apprentissage associées (gratuites) : Tutoriel d'apprentissage javascript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!