欢迎来到小懒的博客~email:568705236@qq.com

vue3 add typescript后编译出现'vue-loader-v16/package.json'和'fork-ts-checker-webpack-plugin-v5'

2020/10/29 18:43:27站长

    使用6.4.x版本的npm对vue cli创建的vue3 demo编译时出现cannot find module ‘vue-loader-v16/package.json'。npm install vue-loader-v16就能正常编译。

    但是vue3 demo增加typescript,按VUE3的文档写法,vue add typescript后,在解决了cannot find module ‘vue-loader-v16/package.json'这个问题后,出现了cannot find module 'fork-ts-checker-webpack-plugin-v5'。这个问题在进行了npm install fork-ts-checker-webpack-plugin-v5是会提示404,没有这个库。其实在vue cli创建vue3 demo时,命令行已经提示npm版本过时会遇到错误,因此只能走更新npm的路线。

    我执行npm install -g npm 是失败的,提示删除文件被拒绝,这是自己删自己。我是手动删除了文件。但删除文件后就没法执行npm命令了。

    我是通过nvm管理node的版本的,所以我在nvm的配置文件里添加淘宝镜像路径后,执行安装最新的node版本,然后将其文件夹中的npm.cmd等文件全部拷贝到原来环境变量指向的目录中。

    重新使用vue cli生成 vue3 demo,直接编译,很顺畅就编译完成,没有cannot find module ‘vue-loader-v16/package.json'。然后再执行vue add typescript,编译,也没有cannot find module 'fork-ts-checker-webpack-plugin-v5'错误。

赞赏