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

Question

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

Answer 1

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

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

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