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


    一、项目背景
    编译器:VScode + Vue项目。

    VSCode 打开前端vue项目时竟然报错。

    二、出错信息
    如下内容所示为VScode项目控制台显示的错误信息:

    PS D:work-spanproject> 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 odejs ode_global),根据你实际情况修改这个路径。

     

     

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

    注意:

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

    完结!
    ————————————————
    版权声明:本文为CSDN博主「No8g攻城狮」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/weixin_44299027/article/details/106955854

  • 相关阅读:
    Winform_chart控件_心得
    Highcharts折线图_结合ajax实现局部刷新
    EasyUI_前台js_分页
    EasyUI_DataGrid数据操作
    EasyUI_前台js_省市县三级联动
    js gridview中checkbox的全选与全不选
    js 动态添加Table tr,选中与不选中checkbox行数NO的变化
    父子页面,有关弹框问题
    js ajax return false了,仍然会往下执行
    c#中异常捕获,回滚
  • 原文地址:https://www.cnblogs.com/xing-nb/p/14881535.html
Copyright © 2020-2023  润新知