解决TypeError: Cannot read properties of undefined (reading ‘NormalModule‘)的四种方案

目录

前言

第一种

第二种 

第三种 

第四种 

前言

今天遇到了一件🥚疼的事，一个vue vant写的APP，更换了电脑之后运行不起来，就很奇怪很离谱，报错信息如下：

1.  
   ERROR TypeError: Cannot read properties of undefined (reading 'NormalModule')
2.  
   TypeError: Cannot read properties of undefined (reading 'NormalModule')
3.  
   at VueLoaderPlugin.apply (E:\aqy-app\node_modules\vue-loader-v16\dist\pluginWebpack5.js:44:47)
4.  
   at webpack (E:\aqy-app\node_modules\@vue\cli-service\node_modules\webpack\lib\webpack.js:51:13)
5.  
   at serve (E:\aqy-app\node_modules\@vue\cli-service\lib\commands\serve.js:163:22)
6.  
   at processTicksAndRejections (node:internal/process/task_queues:96:5)

那么我是如何解决的呢？

第一种

保证跟项目的node.js版本一致，这里推荐使用nvm来管理node.js（可以自行切换版本），可以从这几个地方查看项目的node.js版本。

• npm的有package-lock.json文件，查看@types/node
• yarn的有yarn.lock文件，查看@types/node

如果你的项目中用到了Travis，那么可以在.travis.yml文件中查看版本

切换到对应的node版本后再把node_modules删掉，然后重新用安装依赖的命令安装再运行试试。 

第二种 

如果你的node版本已经跟项目的保持一致了，还是报那个错误的话可以试下更新下npm，再这之前记得先删除你的node_modules

设置阿里镜像

npm config set registry https://registry.npm.taobao.org

更新npm的命令，-g表示全局的意思 

npm install -g npm

更新完再尝试： 

npm install

第三种 

前面的方式没走通，可以尝试使用yarn，我是使用的这个方式才解决的，不过一般来说前面两种方式都能解决才对。。。。记得先删掉你的node_modules

下载安装yarn

npm install -g yarn

安装好yarn之后使用以下命令安装下依赖 

yarn install

 依赖安装完成之后可以选择npm的方式运行也可以选择yarn的方式运行 

npm run serve

效果：

很好，它起来了！！！！后面我想不明白为啥npm的方式不行，去百度了下，发现他们一致的解决办法是新创建一个项目，把依赖的那个包给替换掉旧项目的，我觉得比较麻烦我就没有尝试，到现在也没想通是因为啥........

第四种 

百度解法：

创建一个新项目，把新项目的依赖包替换到旧项目里面

或者

把新项目的package.json替换旧项目的package.json

👍点赞，你的认可是我创作的动力 ！

🌟收藏，你的青睐是我努力的方向！

✏️评论，你的意见是我进步的财富！

这篇好文章是转载于：学新通技术网