欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

nodejs npm安装webpack遇到的问题

程序员文章站 2024-03-26 09:19:23
...

nodejs npm安装webpack遇到的问题

首先确保你安装了nodejs,这个在官网下载安装十分简单,一路下一步。
安装后在cmd输入 node -v 和npm -v,有的话就是正确。
如果出现node或者npm不是内部或者外部命令,可能是环境配置问题,可以自己去查一下怎么配置路径。
如果确认路径没有问题 ,那应该是系统问题,重启一下环境配置才生效,我也想请教一下为什么我每次配置完都要重启电脑才能生效。

还有,我查了资料发现还需要配置文件夹
在nodejs路径下新建下面这两个文件夹,用来全局存放依赖包路径和缓存路径
nodejs npm安装webpack遇到的问题
然后在cmd中输入

npm config set cache  "C:\Program Files\nodejs\node_cache"
npm config set prefix "C:\Program Files\nodejs\node_global"

开始安装webpack!!
我使用的是全局安装

npm install webpack  -g

然后出现了一个无法访问某个ip的错误
类似错误如下

npm ERR! code ETIMEDOUT
npm ERR! errno ETIMEDOUT
npm ERR! network request to https://registry.npmjs.org/hexo-deployer-git failed, reason: connect ETIMEDOUT

解决方法:
采用cnpm镜像
输入下面这个命令,安装完成之后,再重新安装webpack

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

因为我安装时出现了很多错误我没有好好解决又重启了一次,所有我有点忘记我的具体问题

如果是出现packages什么字眼的错误,那要在项目文件夹中创建packages.json文件
最简单的做法就是打开webstorm 在命令行输入 npm init
nodejs npm安装webpack遇到的问题
然后命令行的问题一直回车就可以了,会生成一个packages.json文件

如果出现code EEXIST错误,像下面这样的

npm ERR! code EEXIST
npm ERR! path D:\Program Files\nodejs\node_global\node_modules\webpack\bin\webpack.js
npm ERR! dest D:\Program Files\nodejs\node_global\webpack
npm ERR! EEXIST: file already exists, cmd shim 'D:\Program Files\nodejs\node_global\node_modules\webpack\bin\webpack.js' -> 'D:\Program Files\nodejs\node_global\webpack'
npm ERR! File exists: D:\Program Files\nodejs\node_global\webpack
npm ERR! Remove the existing file and try again, or run npm
npm ERR! with --force to overwrite files recklessly.

到node_global文件夹下把所有webpack文件都删除
nodejs npm安装webpack遇到的问题
重新安装

我的第一次安装就遇到了这些问题
希望能帮助到和我一样的小萌新

相关标签: nodejs npm vue