【前端异常】vscode:无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称,Cannot find module ”webpack“

简介: 【前端异常】vscode:无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称,Cannot find module ”webpack“

一、项目背景

编译器: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

三、解决方案

步骤一:检查本地是否安装了cnpm包管理工具

命令:npm list --depth=0 -global 查看一下电脑是否安装了cnpm

如果已经安装了,那么会有如下图所示的内容:

如果没有安装,则需要安装镜像,执行命令为:npm install -g cnpm --registry=https://registry.npm.taobao.org

安装过程可能要持续好几分钟哦~~~~

安装成功后会有如下类似内容:

步骤二:输入cnpm -v命令检查

检查成功

1、如果出现如下图所示内容,即可进行后续操作

检查失败

2、如果还是出现博客标题所示错误,极有可能是你本地没有配置环境变量导致的(也就是cnpm的路径没有被识别到)

需要配置系统环境变量:计算机-->属性-->高级系统配置-->环境变量-->系统变量-->PATH 在后面添加(我的路径是F:\Develop\nodejs\node_global),根据你实际情况修改这个路径。

然后重启cmd,输入cnpm -v 测试。如果成功则进行你下一步工作。

注意:

如果还是报错,那么请重启你的电脑,重启可以解决90%的问题哦。

完结!


相关文章
|
2月前
|
C语言 C++
VScode怎么实现c的运行,这里只讲述一些细节
第一步要设置信任模式,否则你后面搞什么都没有用
44 1
|
4月前
|
机器学习/深度学习 存储 Linux
【机器学习 Azure Machine Learning】使用VS Code登录到Linux VM上 (Remote-SSH), 及可直接通过VS Code编辑VM中的文件
【机器学习 Azure Machine Learning】使用VS Code登录到Linux VM上 (Remote-SSH), 及可直接通过VS Code编辑VM中的文件
|
4月前
|
开发工具
如何修改Vscode查看源代码管理版本变动文件的查看方式
这篇文章介绍了如何在VSCode中通过源代码管理插件修改查看源代码版本变动文件的方式,提供了树形视图和列表视图两种查看方法,并说明了如何通过设置选项来切换查看方式,帮助用户根据自己的喜好更高效地查看和管理代码变动。
如何修改Vscode查看源代码管理版本变动文件的查看方式
|
4月前
|
Windows
Windows——如何在文件资源管理器地址栏快速打开Vscode
Windows——如何在文件资源管理器地址栏快速打开Vscode
96 4
|
4月前
|
C语言 C++
vscode——如何在vscode中运行C/C++
vscode——如何在vscode中运行C/C++
63 1
|
4月前
|
JavaScript 前端开发 C++
【Azure Function】调试 VS Code Javascript Function本地不能运行,报错 Value cannot be null. (Parameter 'provider')问题
【Azure Function】调试 VS Code Javascript Function本地不能运行,报错 Value cannot be null. (Parameter 'provider')问题
|
4月前
|
存储 Java 开发工具
【Azure Developer】VS Code运行Java 版Azure Storage SDK操作Blob (新建Container, 上传Blob文件,下载及清理)
【Azure Developer】VS Code运行Java 版Azure Storage SDK操作Blob (新建Container, 上传Blob文件,下载及清理)
|
4月前
|
Linux Python
【Deepin 20系统】Linux系统VScode解决Module ‘torch‘ has no ‘cat‘ member
本文提供了解决在Deepin 20系统上使用VScode时遇到的"Module ‘torch’ has no ‘cat’ member"错误的步骤,即通过在VScode的设置中指定正确的pylint路径来解决该问题。
36 0
|
5月前
|
前端开发 jenkins 持续交付
不是Jenkins玩不起,而是脚本更有性价比,在1Panel中使用Node搭建前端自动化
不是Jenkins玩不起,而是脚本更有性价比,在1Panel中使用Node搭建前端自动化
201 2
|
5月前
|
前端开发 JavaScript 开发工具
vscode教程(含使用技巧、保存时自动格式化文件等设置)
vscode教程(含使用技巧、保存时自动格式化文件等设置)
478 0
下一篇
DataWorks