位置: IT常识 - 正文
推荐整理分享webpack -v报错:Cannot find module ‘webpack-cli/package.json‘(webpack devserver contentbase),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:webpack has been initialised,webpack-dev-server报错,webpack安装报错,webpack has been initialised,webpackjsonp报错,webpack-dev-server报错,webpackjsonp报错,webpackjsonp报错,内容如对您有帮助,希望把文章链接给更多的朋友!
-D安装了webpack和webpack-cli,-g安装了webpack和webpack-cli,但是webpack -v的时候仍然提示需要安装webpack-cli,并且安装之后会报错:
看提示应该是webpack-cli/package.json的位置获取不到正确的,但是并不知道为什么获取不到,查了一圈,最后看了这篇文章得到了启发:WebPack 安装出现 Cannot find module 'webpack - cli/package.json'的错误解决 - 期权论坛
“在控制台输入webpack的时候运行的是node_modules\node_modules\webpack\bin\webpack.js这个文件,他会根据是否安装webpack-cli或者webpack-command进行处理,当没有安装其中之一就会告诉你需要下载webpack-cli,如果只安装了webpack-cli,就会利用require.resolve获取webpack-cli/package.json的路径,然后根据这个路径加载模块”
于是获得启发,应该是路径出了问题,查了半天,发现webpack -v的路径是基于控制台的这个路径:
但是npm -g的路径却不是这个路径,也就是说,通过npm -g指令,把依赖包安装到了另一个路径,但是webpack -v的时候在控制台报错的这个路径寻找,当然找不到了,于是想到了修改npm设置,
也就是说,修改方案是把npm -g的路径改成和webpack -v的路径一样的,具体修改方法:
使用以下指令查看npm 设置:
npm config ls -l其中prefix就是执行npm -g下载依赖的路径 ,执行npm -g时,会在prefix目录下的node_modules安装依赖:
使用以下指令可以修改npm -g的路径:
npm config set prefix '需要修改成的路径'这里我把prefix改成-v的路径:
然后就可以了
下一篇:vue3+ts:安装路由(router)(vue路由使用方法)
友情链接: 武汉网站建设