今回は、vue プロジェクトで作成したスタイラスの最初の初期化後のインストール方法に関する記事を共有します。これは非常に参考になるので、皆さんのお役に立てれば幸いです。
プロジェクト作成エラー:
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
解決策:
npm install stylus-loader css-loader style-loader --save-dev
インストール後にエラーが報告されます:
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)
実行を継続します:
npm install stylus
その後、npm run devを実行します
解決策
そのため、最初の初期化中に次のインストール手順を実行する必要があります
1.npm install stylus --save-dev
2.npm install stylus-loader --save-dev
3.npm run dev (設定ファイルを変更するたびに、プロジェクトを再起動する必要があります)
上記は、皆さんのためにまとめたものであり、将来的に皆さんのお役に立てば幸いです。
関連記事:
vue で ztree を使用する方法 (詳細なチュートリアル)
画像カルーセルを実装するために Vue で Swiper をカプセル化する方法
es6 のエクスポートとエクスポートのデフォルトの違いは何ですか?
jQuery 同じイベントが繰り返し迅速にトリガーされるのを防ぐ方法
以上がvue に初めてスタイラスをインストールする方法 (詳細なチュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。