vueプロジェクト作成後の初期化後、初めてスタイラスを使うインストール方法の紹介

以下は、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 run dev

Solution

を実行します。そのため、最初の初期化中に次の手順をインストールする必要があります

1.npm install stylus --save-dev

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

3.npm run dev (設定ファイルを変更するたびにプロジェクトを再起動する必要があります)

上記はこの記事の全内容です。お役に立てば幸いです。皆様の学習に、より多くの関連コンテンツを提供します。PHP 中国語 Web サイトにご注目ください。

関連する推奨事項:

Vue は backToTop コンポーネントを実装します

Vue プロジェクトの構築、パッケージ化、公開プロセスの紹介

以上がvueプロジェクト作成後の初期化後、初めてスタイラスを使うインストール方法の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。