[フロントエンドの例外] vscode:「cnpm」アイテムをコマンドレット、関数、スクリプトファイル、または実行可能プログラムの名前として識別できません。モジュール「webpack」が見つかりません

この記事の内容

1.プロジェクトの背景

次に、エラーメッセージ

三、解決策

ステップ1:cnpmパッケージ管理ツールがローカルにインストールされているかどうかを確認します

ステップ2:cnpm-vコマンドを入力して確認します

成功したチェック

チェックに失敗しました


1.プロジェクトの背景

コンパイラ:VScode + Vueプロジェクト。

VSCodeは、フロントエンドvueプロジェクトを開くときにエラーを報告しました。

次に、エラーメッセージ

以下は、VScodeプロジェクトコンソールに表示されるエラーメッセージです。

PS D:\work-span\project> cnpm install webpack-dev-server -g
cnpm : 无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写
,如果包括路径,请确保路径正确,然后再试一次。
所在位置 行: 字符:
+ cnpm install webpack-dev-server -g
+ ~~~~
+ CategoryInfo : ObjectNotFound: (cnpm:String) [], CommandNotFoundException
+ FullyQualifiedErrorId : CommandNotFoundException

三、解決策

ステップ1:cnpmパッケージ管理ツールがローカルにインストールされているかどうかを確認します

コマンド:npm list --depth = 0 -globalcnpm がコンピューターにインストールされているかどうかを確認します

インストールされている場合は、次の図に示すようなコンテンツがあります。

インストールされていない場合は、ミラーをインストールする必要があります。実行コマンドは次のとおりです。npminstall-g cnpm --registry = https://registry.npm.taobao.org

インストールプロセスには数分かかる場合があります~~~~

インストールが成功すると、次のようなものが表示されます。

ステップ2:cnpm-vコマンドを入力して確認します

成功したチェック

1.下図の内容が表示されれば、フォローアップが可能です。

チェックに失敗しました

2.ブログのタイトルに示されているエラーが引き続き発生する場合は、ローカル環境変数の構成が原因である可能性があります(つまり、cnpmのパスが認識されません)。

システム環境変数を構成する必要があります:コンピューター->プロパティ->高度なシステム構成->環境変数->システム変数-> PATH最後に追加(私のパスはF:\ Develop \ nodejs \ node_global) 、によると、実際にこのパスを変更します。

次に、cmdを再起動し、cnpm-vと入力してテストします。成功した場合は、次のステップに進みます。

 

注意:

それでもエラーが報告される場合は、コンピュータを再起動してください。再起動すると、問題の90%を解決できます。

 

 

終わり!

おすすめ

転載: blog.csdn.net/weixin_44299027/article/details/106955854