node npm 安装过程遇到的报错处理

本文详细介绍了如何在中国环境下快速搭建Vue项目,包括使用cnpm替代npm加速安装,全局安装vue-cli,初始化项目,解决webpack高版本问题,以及安装和配置less等样式处理模块。在遇到npm找不到模块或错误时,提供了清理缓存和降级模块版本的解决方案。
摘要由CSDN通过智能技术生成

vue创建项目(npm安装→初始化项目)
第一步npm安装
    首先:先从nodejs.org中下载nodejs
    大家都知道国内直接使用npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。

    $  npm  install  -g  cnpm  --registry=https://registry.npm.taobao.org

    这样就可以使用cnpm 命令来安装模块了:
第二步项目初始化
    1.第一步:安装vue-cli

    cnpm install vue-cli -g      //全局安装 vue-cli
    查看vue-cli是否成功,不能检查vue-cli,需要检查vue
    vue init webpack  ”项目名称“
    现在已经创建好了,那就让项目先安装下依赖再运行一下,会出现下面的页面,操作指令是:

    cnpm install

    cnpm run dev
接下来安装必要的模块
缺少模块需要安装
    npm install stylus-loader css-loader style-loader less-loader --save-dev
如发现安装过程中 因为webpack版本过高导致不能安装模块的问题,需要安装低版本的webpack
1. 安装
    在全局下安装:npm install webpack -g

    安装指定版本:npm install webpack@ -g 例如:npm install webpack@3.6.0 -g

    查了一下发现原因是webpack版本太高, 以前的打包命令在新版本不适用, 所以决定将webpack版本降低到
2. 删除
    在全局下删除 npm uninstall webpack -g

    最好将项目目录下的node-modules一起删除,否则会有残留文件影响下一次的结果。

如果还是无法解决 npm install npm@3.8.6 -g
引入less
npm install less --save-dev
TypeError: this.getOptions is not a function  at Object.lessLoader 在vue项目中less报错问题解决

less版本问题,卸载重新安装指定版本号npm install less@3.9.0 -s
npm install less-loader@5.0.0 -s
 

npm 找不到模块报错 Error: Cannot find module 'are-we-there-yet'
直接 C:\Users\Pacter\AppData\Roaming  删除npm包 和 npm-cache包  卸载nodejs 然后重新启动即可 
这个可以解决多数安装的问题 一劳永逸
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值