zoukankan      html  css  js  c++  java
  • npm install 成功安装依赖后,运行跑不起来怎么办?

      最近接手公司的项目,由于代码历史悠久,据说已经最少经历过了6个人的手,查看gitee提交的年限,竟然是1-2年前的代码,好吧。这个锅总得有人接,既然是架构师,就要勇于面对挑战,今天把我解决的方法记录起来,刚好这也是面试当中容易被面试官问到的问题,网上还没有比较官方的答案,那我在这里就详细地说一下。

                                     历史悠久的代码

      第一步:git clone 代码.git;

      第二步:下载安装nodejs(npm),并安装淘宝镜像(cnpm);

    百度搜索node官网,根据电脑系统下载合适的安装包,按照步骤直接点击下一步完成安装,nodejs默认集成了npm,无需再次安装,安装一下国内淘宝镜像cnpm。

    win+R,输入cmd打开命令行,输入 node -v 回车,查看nodejs是否成功安装;

    输入npm -v 可以查看npm是否成功安装,安装成功后,出现版本号,说明nodejs和npm都安装成功了。

      第三步: cnpm install;

          安装好依赖包后,npm run dev成功运行,运行npm run build命令后,出现一大堆错误,于是,第一时间查看一下package.json文件                           

      运行npm run dev 的时候,命令前缀是webpack-dev-server,运行npm run build的时候,命令前缀是webpack,故查看一下webpack是否安装成功,于是在TERMINAL运行:webpack -v

    显示'webpack' 不是内部或外部命令,也不是可运行的程序 或批处理文件,那就重装webpack好了。

      第四步:配置环境;

      1.配置文件夹

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

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

      缓存 C:Program Files odejs ode_cache

      全局 C:Program Files odejs ode_global

     

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

    npm config set cache  "C:Program Files odejs ode_cache" 回车

    npm config set prefix "C:Program Files odejs ode_global"  回车

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

    2.安装webpack

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

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

    显示:Unhandled rejection Error: EPERM: operation not permitted, open 'C:Program Files odejs ode_cache\_cacache mp96bbd5b6'错误

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

    这是一个权限的问题,

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

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

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

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

    3.环境变量配置

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

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

    用户变量:

           

      系统变量:

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

    PATH和NODE_PATH全部设置为:C:Program Files odejs ode_global。

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

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

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

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

      第五步:删除node_modules包  

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

      第七步:重新 cnpm install

      第八步:运行npm run build

    完美!成功!

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

  • 相关阅读:
    工厂模式一
    面向对象的简单理解二
    工厂模式三
    线程的简单学习
    nyoj35 表达式求值
    nyoj305 表达式求值
    poj1298 The Hardest Problem Ever
    poj1363 Rails
    hdu2036 改革春风吹满地
    nyoj467 中缀式变后缀式
  • 原文地址:https://www.cnblogs.com/zhoudawei/p/10738392.html
Copyright © 2011-2022 走看看