1.环境
vue3+ts+vite
2.问题描述
vue-router.1c26fa4f.js:6 TypeError: Cannot read properties of undefined (reading ‘constant’)
本地开发环境正常 build完后页面无法正常打开,控制台报错:
vue-router.1c26fa4f.js:6 TypeError: Cannot read properties of undefined (reading 'constant')
3.问题原因
经过排查发现项目中使用到@antv/G6,把使用到G6的页面从路由中去掉后,项目可以正常访问。确定G6和 vite有兼容性问题。
使用版本:
"vite": "^2.7.2",
"@antv/g6": "^4.5.3",
4.解决方法
根据官网提供的解决方法:https://g6.antv.vision/zh/docs/manual/FAQ/vite-support
并没有什么用,项目仍然无法访问:
在git issues中查找带解决方案:vite.config.ts 中添加代码:
resolve: {
alias: [
{
find: /^@antv\/g6/,
replacement: path.resolve(
__dirname,
"./node_modules/@antv/g6/dist/g6.min.js"
),
},
],
},
再次打包,页面可以正常访问。