是不是在 进行 cnpm install 报了同款错误呢!

G:\Git\owl-read-admin>cnpm install× Install fail! Error: Unsupported URL Type: npm:vue-loader@^15.9.7Error: Unsupported URL Type: npm:vue-loader@^15.9.7    at parseUrl (C:\Users\Lenovo\AppData\Roaming\npm\node_modules\cnpm\node_modules\npm-package-arg\npa.js:186:13)    at npa (C:\Users\Lenovo\AppData\Roaming\npm\node_modules\cnpm\node_modules\npm-package-arg\npa.js:79:12)    at _install (C:\Users\Lenovo\AppData\Roaming\npm\node_modules\cnpm\node_modules\npminstall\lib\install.js:62:11)    at _install.next ()    at onFulfilled (C:\Users\Lenovo\AppData\Roaming\npm\node_modules\cnpm\node_modules\co\index.js:65:19)    at C:\Users\Lenovo\AppData\Roaming\npm\node_modules\cnpm\node_modules\co\index.js:54:5    at new Promise ()

第一步 确认 npm 版本(可能由于 npm 版本过低)

为避免过程中出现 因为权限不足从而导致其他问题 我们选择以管理员身份 打开命令行 然后输入命令:npm -v

我这里截图是已经升级过的版本

第二步 升级 npm 版本

输入命令:npm install -g npm

如果升级 npm 版本后 去项目执行 cnpm install 后如果依然报错:Install fail! Error: Unsupported URL Type: npm:vue-loader@^15.9.7

这里最坑,如果你再去百度,大概率百度到的结果会让你手动降低@vue/cli-service 的版本。

经过我的调查,其实是因为升级不够彻底,疑似缓存或本地nodejs内 npm 的版本还没有更新上去。

看下面截图,本博主通过 cnpm -v 命令 查看到 npm 的版本依旧是旧版本 6.14.8 而不是我在上面通过npm -v 获取到的8.12.1 版本

然后我通过cnpm i -g cnpm 命令 升级 cnpm 版本

运行完成后,我们再次通过 cnpm -v 确认版本!通过下面截图,我们可以看到 npm 与 cnpm 的版本都进行了升级。版本终于升级成功了!

下面就去执行 依赖注入吧!

成功啦!

如果帮助到你,不要吝啬你的小手,来个三连 点赞收藏+关注吧!