Was soll ich tun, wenn das Vue-Projekt beim Einführen von externem CSS durch Import einen Fehler meldet?

Die Lösung für den Fehler, wenn das Vue-Projekt externes CSS durch Import einführt: Fügen Sie zuerst relevanten Inhalt in [webpack.config.js] hinzu, fügen Sie ihn hinzu und führen Sie dann npm erneut dev aus. Überprüfen Sie dann, ob [CSS-Loader] vorhanden ist andere Daten in der JSON-Datei und installieren Sie sie.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue Version 2.9.6. Diese Methode ist für alle Computermarken geeignet.

Das Vue-Projekt führt externes CSS ein, indem es die Lösung für den Fehler importiert:

vue generiert das Projekt über Webpack-Simple, führt das externe CSS ein und meldet die Fehlerlösung:

1. Fügen Sie den folgenden Inhalt zum Webpack hinzu. config.js. Nach dem Hinzufügen von Re-npm run devnpm run dev

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

2、json文件中查看是否存在css-loader,style-loader,url-loader,若没有通过npm install（-D）rrreee

2. Überprüfen Sie, ob css-loader, Der URL-Loader ist in der JSON-Datei vorhanden. Wenn er nicht über npm install (-D) installiert wird, installieren Sie ihn einfach.

Verwandte Lernempfehlungen (kostenlos): Javascript-Lern-Tutorial

🎜

Das obige ist der detaillierte Inhalt vonWas soll ich tun, wenn das Vue-Projekt beim Einführen von externem CSS durch Import einen Fehler meldet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!