Question

我尝试构建一个可以动态加载组件的NuxtJS应用程序。

通过我的代码，我实现了这一目标。在服务器端，该组件已正常加载，但是在加载页面时，浏览器面临着巨大的内存泄漏，甚至不允许运行性能分析或内存堆快照。

我的代码是这样的：

/plugins/theme-load-method.js

import Vue from 'vue';

export default function ({store}) {
  Vue.prototype.loadThemeTemplate = function loadThemeTemplate(template) {
    return () => import(`~/components/themes/${store.state.config.theme}/${template}`);
  };
}

pages / index.vue

<template>
  <component :is="loadThemeTemplate('index.vue')" />
</template>

<script>
export default {
  name: "HomePage"
};
</script>

components / themes / MY_THEME_1 / index.vue

<template>
    <section>
        MY_THEME_1 Home Page
    </section>
</template>

<script>
export default {
  name: "ThemeHomePage",
}
</script>

那么，您是否知道为什么仅在客户端内存不足？

动态加载组件时浏览器端的Nuxt内存泄漏

0 个答案: