javascript - 在生产中的 Nuxt 组件中没有调用挂载的钩子(Hook)(完全静态)？

Question

我有一个包含在 Nuxt 页面中的组件。
该组件具有以下生命周期钩子(Hook):

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

这在开发中运行良好。但是，当我导出站点完全静态(nuxt 生成)时，创建和挂载的钩子(Hook)中的代码不会运行——加载页面时不会出现警报。
我觉得我一定错过了一些明显的东西，但我无法弄清楚。如果在完整的静态 nuxt 站点上使用创建/安装的生命周期 Hook ，是否会在组件上调用它们？如果不是，那么推荐的初始化用于控制组件的代码的方法是什么？

Answer 1

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

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

未调用已安装的 Hook
现在:

components: {
    TheError,
    TheHeader,
    TheMain,
    TheMap
}

作品!