Heim >Web-Frontend >js-Tutorial >So installieren Sie den Stift zum ersten Mal in Vue (ausführliches Tutorial)

So installieren Sie den Stift zum ersten Mal in Vue (ausführliches Tutorial)

亚连
亚连Original
2018-06-09 16:04:194112Durchsuche

Im Folgenden werde ich einen Artikel über die erste Verwendung der Stiftinstallationsmethode nach der Initialisierung nach dem Erstellen eines Vue-Projekts veröffentlichen. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich ist.

Fehler bei der Projekterstellung:

This dependency was not found:
* !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-1d57e5ea","scoped":false,"hasInlineConfig":false}!stylus-loader?{"sourceMap":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./a.vue in ./src/components/a.vue
To install it, you can run: npm install --save !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-1d57e5ea","scoped":false,"hasInlineConfig":false}!stylus-loader?{"sourceMap":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./a.vue

Lösung:

npm install stylus-loader css-loader style-loader --save-dev

Nach der Installation An Es wird auch ein Fehler gemeldet:

Module build failed: Error: Cannot find module 'stylus'
 at Function.Module._resolveFilename (module.js:485:15)
 at Function.Module._load (module.js:437:25)
 at Module.require (module.js:513:17)
 at require (internal/module.js:11:18)
 at Object.<anonymous> (E:\project\selling\node_modules\stylus-loader\index.js:2:14)
 at Module._compile (module.js:569:30)
 at Object.Module._extensions..js (module.js:580:10)
 at Module.load (module.js:503:32)

Ausführung fortsetzen:

npm install stylus

Dann npm run dev ausführen

Solve it

Daher müssen Sie bei der ersten Initialisierung die folgenden Installationsschritte ausführen

1.npm install stylus --save-dev

2 .npm install stylus-loader --save-dev

3.npm run dev (Sie müssen das Projekt jedes Mal neu starten, wenn Sie die Konfigurationsdatei ändern)

Das Obige ist, wofür ich kompiliert habe Ich hoffe, es wird Ihnen in Zukunft nützlich sein.

Verwandte Artikel:

So verwenden Sie ztree in Vue (ausführliches Tutorial)

So implementieren Sie ein Bildkarussell durch Kapselung von Swiper in Vue

Was sind die Unterschiede zwischen Export und Export Standard in es6?

Wie jQuery das Bildkarussell implementiert

Wie jQuery verhindert, dass dasselbe Ereignis schnell und wiederholt ausgelöst wird

Verwenden Sie AnglarJs, um das Pull-up-Laden zu implementieren

Das obige ist der detaillierte Inhalt vonSo installieren Sie den Stift zum ersten Mal in Vue (ausführliches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn