vue-cli3项目npm run build后的dist无法打开显示[] is not function

vue-cli3项目npm run server 可以正常运行, 但是npm run build后的dist无法打开显示[] is not function通过查看发现是var staticRenderFns = []图片说明图片说明

这个问题可能是由于在组件中使用了箭头函数导致的。在 Vue 2.6 版本中,它引入了一个新特性,即在编译时进行优化,其中会通过将静态内容提取到渲染函数之外来提高性能。但是,如果在组件中使用箭头函数,这个优化过程就会失败,从而导致静态内容无法提取到渲染函数之外,最终导致打包后的代码出错。

要解决这个问题,你可以尝试在组件中使用普通函数而不是箭头函数。如果你必须使用箭头函数,你可以尝试将其移动到组件的 methods 选项中,这样它就不会导致编译时优化失败。

另外,你还可以尝试升级 Vue 的版本,最新版本已经解决了这个问题。