Lösen Sie das Loader-Problem von Projekten, die von vue-cli erstellt wurden

Im Folgenden werde ich einen Artikel zur Lösung des Loader-Problems des Vue-CLI-Erstellungsprojekts mit Ihnen teilen. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich sein wird.

Wenn Sie zum Erstellen eines Projekts das Vue-Cli-Projekt verwenden und eine vorkompilierte CSS-Sprache wie Sass verwenden, müssen Sie diese nicht in der Konfiguration konfigurieren. Sie müssen lediglich den entsprechenden Loader im Projekt installieren .

Zum Beispiel:

1. Verwenden Sie sass im Projekt

$ npm i node-sass -D
$ npm i sass-loader -D

2. Bei Verwendung von vuex kann das Projekt nicht gestartet werden und der Fehler wird als gemeldet, auch wenn vux und vux-loader installiert sind und vux-Komponenten im Projekt verwendet werden folgt:

These dependencies were not found:

* !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../../vue-loader/lib/style-compiler/index?{"vue":true,"id":"da
ta-v-28d8bf8a","scoped":false,"hasInlineConfig":false}!../../../../vux-loader/src/after-less-loader.js!less-loader?{"sourceMap":false}!..
/../../../vux-loader/src/style-loader.js!../../../../vue-loader/lib/selector?type=styles&index=0!./index.vue in ./~/vux/src/components/ce
ll/index.vue
* !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../../vue-loader/lib/style-compiler/index?{"vue":true,"id":"da
ta-v-76475f48","scoped":false,"hasInlineConfig":false}!../../../../vux-loader/src/after-less-loader.js!less-loader?{"sourceMap":false}!..
/../../../vux-loader/src/style-loader.js!../../../../vue-loader/lib/selector?type=styles&index=0!./index.vue in ./~/vux/src/components/gr
oup/index.vue

To install them, you can run: npm install --save !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../../vue-loade
r/lib/style-compiler/index?{"vue":true,"id":"data-v-28d8bf8a","scoped":false,"hasInlineConfig":false}!../../../../vux-loader/src/after-le
ss-loader.js!less-loader?{"sourceMap":false}!../../../../vux-loader/src/style-loader.js!../../../../vue-loader/lib/selector?type=styles&i
ndex=0!./index.vue !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../../vue-loader/lib/style-compiler/index?{"v
ue":true,"id":"data-v-76475f48","scoped":false,"hasInlineConfig":false}!../../../../vux-loader/src/after-less-loader.js!less-loader?{"sou
rceMap":false}!../../../../vux-loader/src/style-loader.js!../../../../vue-loader/lib/selector?type=styles&index=0!./index.vue
> Listening at http://localhost:8080

Auf den ersten Blick kann ich bestätigen, dass ein Problem mit dem Loader vorliegt, aber ich habe die Abhängigkeiten für installiert sass-Kompilierung und kann den Fehler immer noch nicht beheben.

Später habe ich das Vux-Paket überprüft und festgestellt, dass die Komponente weniger verbraucht, also habe ich die geringere Abhängigkeit installiert, um das Problem zu lösen.

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Angular-Studiennotizen: Beispiele für die Integration von UI-Frameworks und -Steuerelementen von Drittanbietern

Node.js Implementierungsregistrierung Beispiel einer Methode für die E-Mail-Aktivierungsfunktion

Detaillierte Erläuterung des Babel-Loader-Dateipräprozessors von Webpack

Das obige ist der detaillierte Inhalt vonLösen Sie das Loader-Problem von Projekten, die von vue-cli erstellt wurden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!