Javascript 为什么不是'；使用网页包代码拆分时，我的Vue组件是否显示？

我试图使用Webpack的代码拆分功能来减少应用程序的加载时间，但我很难让它正常工作。控制台中没有错误，文件正在网络选项卡中加载。但是，Vue组件不会显示在屏幕上。在检查Chrome DevTools中的元素时，我看到

，这表明组件正在加载，但由于某些原因没有显示

我尝试过在Laravel Mix中进行设置（即重命名块并更改目标文件夹），但似乎没有解决问题

以下是我尝试导入其他组件的方式：

let todoList = () => {
    import( '../../components/dashboard/todoList' );
}

export default {
  components: {
    todoList
  }
}

我希望这将在需要时导入组件。它似乎引用了拆分脚本，但由于某些原因，组件没有加载。我做错了什么

---

这是我在DevTools的网络选项卡中看到的

---

todoList箭头函数需要返回动态导入的组件定义。目前，它不返回任何内容

您可以使用简写返回，删除动态导入周围的语句括号（为了简洁的语法和更好的可读性，首选）：

导出默认值{
组成部分：{
todoList:（）=>导入（/*…*/）
}
}

…或在语句括号内添加

return

关键字：

导出默认值{
组成部分：{
托多利斯特：（）=>{
返回导入（/*…*/）
}
}
}

如果单击

1.js

并查看它的响应，这是由Webpack生成的包。因此，很可能是将您的组件加载到其中一个包中。组件上是否存在任何可能导致其无法渲染的条件渲染，如

v-if

？您使用什么代码注册组件？@NickG我在父级上有一个用于加载的v-if语句，即

v-if=“！isLoading”

@tony19要注册我的组件，我只需执行以下

组件：{todoList}

为Tony干杯，大量帮助@没问题：）