npm install 成功安装依赖后,运行跑不起来怎么办?

您所在的位置:网站首页 网页插件安装后不起作用怎么办 npm install 成功安装依赖后,运行跑不起来怎么办?

npm install 成功安装依赖后,运行跑不起来怎么办?

2024-07-07 23:54| 来源: 网络整理| 查看: 265

  第四步:配置环境;

  1.配置文件夹

  我的nodejs是默认安装在路径C:\Program Files\nodejs,最开始的时候是安装在其他盘的,但是配置的时候出现各种问题,后重装改为默认路径。

  在C:\Program Files\nodejs文件夹内,新建两个文件夹,用于全局存放依赖包路径和缓存路径

  缓存 C:\Program Files\nodejs\node_cache

  全局 C:\Program Files\nodejs\node_global

 

文件夹创建完成后,打开命令行,输入以下命令,配置路径:

npm config set cache  "C:\Program Files\nodejs\node_cache" 回车

npm config set prefix "C:\Program Files\nodejs\node_global"  回车

注:(输入指令后,命令行闪一下,不会有任何提示)

2.安装webpack

webpack分为全局安装和项目安装(安装在你指定的文件夹内),我这里使用的是全局安装

启动cmd,键入如下的命令:npm install webpack -g  点击回车

显示:Unhandled rejection Error: EPERM: operation not permitted, open 'C:\Program Files\nodejs\node_cache\_cacache\tmp\96bbd5b6'错误

用我英语过四级的水平,初步翻译一下:未处理的拒绝错误:EPERM:操作不允许操作

这是一个权限的问题,

运行win + x,选择【命令提示符(管理员)】,再运行 npm install webpack -g  点击回车

会有一个进度条,等待进度条完成后,出现如下信息(具体信息可能有差别,但是只要不出现error说明安装成功):

此时,打开nodejs的路径C:\Program Files\nodejs\node_global文件夹,发现多了一些东西:

此时全局webpack已经成功安装。

3.环境变量配置

【此电脑】——右键【属性】——【高级系统设置】——【高级】——【环境变量 】

 

分别新建用户变量PATH和系统变量NODE_PATH

用户变量:

       

  系统变量:

注意:这是最重要的一点。在安装webpack后出现'webpack' 不是内部或外部命令的问题,就是此处设置不对

PATH和NODE_PATH全部设置为:C:\Program Files\nodejs\node_global。

看到网上的设置方法为  :NODE_PATH属性指向C:\Program Files\nodejs\node_global\node_modules,这样设置并不对,就会导致报不是内部命令

运行还是不行,于是......

记得这重要的一步:电脑重启!电脑重启!电脑重启!重要的事情说三遍。

按照以上步骤nodejs npm webpack算是真正安装配置完,然后就可以直接使用了。

  第五步:删除node_modules包  

  第六步:运行 npm cache clean -f  清理缓存

  第七步:重新 cnpm install

  第八步:运行npm run build

完美!成功!

这就是一般npm install运行问题的解决方案。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3