本地打包构建后，本地查看index.html报错

来源：20-5 实时订单数据接入

ku咖啡不加糖

2020-08-29

图片描述

问题：大屏项目运行npm run build打包后，打开index.html本地预览，报js脚本错误。

注：我把老师的代码拉下来后，关联npm包,加个vue.config.js里面写好module.exports = { publicPath: './' }，最后打包运行index.html也有这个报错

目前只分析出开发模式下，context.$refs确实有值，但是打包后context中只有refs属性而没有$refs属性，而导致js报错。但是我不知道怎么解决

写回答

1回答

扬_灵

2020-08-30

已采纳

同学你好，通过打印发现 //img.mukewang.com/szimg/5f4b4d9a09f55c2124720668.jpg ，在打包后的发现context.$refs打包后的属性变成了context._.refs[refName]才能,这个可能是vue3.0的build也出了点问题，在这里可以通过document.getElementById的方式获取这个DOM元素。还有一种方案，就是降级到vue2，但是这样改动成本就比较大了。如果帮到你你，欢迎采纳。