最近在搞老项目升级,将Vue2.6.11里的vuecli5.0.8升级到vite最新版本4.4.9,中间遇到不少问题,有机会以后做记录。
遇到问题
把所有的工作就搞好项目也成功的跑起来,页面一片空白。打开控制台
Uncaught ReferenceError: process is not defined
点击null进去之后显示
分析问题
第一想法就是项目里的process.env没有改干净,赶紧在项目一点点的找过去,其实并没有发现类似的代码,跟网上的大多数人遇到的也不一样。
其次我想是不是其他的功能使用process导致的,然后再次翻起了我的代码,然并卵
事情到这里,是不是改的安装包导致了,有关process的包找不到,然后删除了node_modules和package-lock.json,重新npm i, 好家伙,我特么直呼好家伙,心态崩了。当天啥也不干就搞这个bug了
解决问题
直到第二天再逛某神秘网站的时候,无意中给了我灵感
我在想可能是之前的想法都是错的,没有考虑到浏览器本身调用了process,应该是我的环境配置出了问题。为了印证我的想法,我决定按照他的方法给window.process进行变量赋值,我在index.html引用的时候,index.js里做了如下判断
if (!('process' in window)) {
window.process = {
env: {
DEBUG: undefined
}
}
}
然后项目就跑起来了,起来了,来了,了。。。
后面有机会看看哪里配置的有问题
完结,撒花。。。