[个人踩坑集锦]npm

274 阅读2分钟

1.npm安装webpack报错

CleanShot 2022-11-03 at 19.14.14@2x.png

文字:Refusing to install package with name "webpack" under a package also called "webpack". Did you name your project the same as the dependency you're installing?

根据英文可以看出是项目名和依赖名相同引起的,因为我在npm初始化项目时将项目名西城了webpack,所以只要把项目名改掉就可以了。

2. 依赖版本冲突问题(新手方法)

自己的项目不知道怎么回事后期再用npm install 时会出现大片error信息。刚开始不知道怎么解决。先是按照提示用了--legacy-peer-deps,发现这样治标不治本,项目还是有问题。

最后耐下心来,把报错的依赖全部从package.json里去掉,然后替换版本号。

因为我是新手,所以我的方法是一个一个来。先把node modules都去掉。我运行npm install时,一开始出现的是 image.png

found表示自己安装的是vue3.0.5,另外的一个重点是:peerOptional,也就是vue-clickaway需要的版本,可以看出它最多支持到3.0.0,我不记得自己之前安装的时候是不是用了--force之类的命令把它装上的,总之既然报错就把它的名字和版本先拷贝到记事本里,然后从package.json中删掉它。

再次执行npm install。这次报错的是vuex,那么也同样把它拿掉。

image.png

总之就这样一点点试。直到npm install 不再报错。

之后一个个寻找版本号。例如vue-clickaway换成vue3-clickaway, 其他的则去npm找跟自己版本的vue发布时间比较接近的。如果版本有冲突会报错,慢慢试。最终只要都没有error装上就ok啦。

这给我的启发是:npm失败时尽量不要去用--force或--legacy-peer-deps,不知道可以安装的版本号时根据其他依赖发布时间尝试去找时间最接近的版本号。

3.安装nodejieba时的报错

这个是mac系统上的问题 之前完整报错没截图,根据网络搜索结果,之前报错中的关键句有

image.png 解决方法:

$ sudo rm -rf $(xcode-select -print-path)
$ xcode-select --install

安装xcode-select的过程非常慢..花了1个多小时,但是安装好后nodejieba就顺利安装了。