生产中的 Nuxt 组件中未调用已安装的钩子（全静态）？

Question

我有一个包含在 Nuxt 页面上的组件。

该组件具有以下生命周期挂钩：

<script>
export default {
    name: 'MyComponent',
    created() { alert('oh hai!') },
    mounted() { alert('oh hai again!') }
}
</script>

这在开发中效果很好。但是，当我导出站点完全静态（nuxt生成）时，创建和安装的挂钩中的代码不会运行——加载页面时警报永远不会出现。

我觉得我一定错过了一些明显的东西，但我无法弄清楚。如果在完全静态 nuxt 站点上使用创建/安装的生命周期挂钩，是否会在组件上调用它们？如果没有，推荐的初始化用于控制组件的代码的方法是什么？

Answer 1

当更改类型导入需要的组件时，我解决了类似的问题。不要与懒惰导入调情；）

曾是：

components: {
    TheError,
    TheHeader,
    TheMain,
    'the-map': () => import(/* webpackPrefetch: true */ './TheMap')
},

挂载的钩子没有被调用

现在：

components: {
    TheError,
    TheHeader,
    TheMain,
    TheMap
}

作品！