问题标签 [async-components]

我按照 laravel-mix 文档使用 extract(['vue]) 方法来减小我的 vue 应用程序的大小，它运行良好，但是当我尝试使用异步组件时它无法正常运行。

我已经添加了 babel 来启用 promise 语法

我希望这里有一些我遗漏的东西，它不是我必须等待补丁的实际错误，有没有人见过这个问题？

我正在使用 npm run serve 运行 vue 应用程序。我正在将组件异步注入到路由中，并且在我看来正在发生一些奇怪的事情，因为当我什至不在该路径上时，它会向我显示有关另一个路径的组件的错误，说该文件丢失了......而且它是是的，它不见了……但是当我在那条路上时，这不是应该被注入的吗？看起来组件已经导入...

我在编译器中看到了这个错误

并且路径是/login，当然当我创建注册页面时一切正常......只是不明白为什么在尚未加载路由时它会被导入。

我想创建一个基于 ajax api 响应或数据的组件，其中包括：

1. 模板
2. 数据
3. 方法 - 可能有几种方法

备注：响应或数据是动态的，不保存在文件中。

我试图生成并返回结果，例如：

并编译上面的代码：

我收到错误Vue.compile(comp1)-

• 模板应该只负责将状态映射到 UI。避免在模板中放置带有副作用的标签，例如 <script>，因为它们不会被解析。

提前致谢

我有一个加载一堆 vue 组件的 laravel 应用程序，我正在异步加载它们，就像

到目前为止，一切都正常加载，我面临的唯一问题是浏览器缓存；所有组件都被拆分为小文件，例如：0.js 1.js 等有什么方法可以使用随机文件名而不是序号生成它们？

我正在使用webpack构建我的应用程序，它是一个 laravel/vue 应用程序

编辑

这是我尝试过的

它确实使用缓存破坏后缀构建它们，但不会下载附加后缀的它们。

“解决方案”

正如@Michal 建议的那样，我将 webpack 配置更改为：

为了使它真正适合我的环境，我还更改了 package.json 中的脚本以删除旧的 app.[chunk].js 文件，例如：

生产也一样......

现在在我的刀片文件中，我动态加载主应用程序脚本，例如：

也许不是最好的解决方案，但它对我有用。

我正在尝试在 Vue.js 中动态导入异步组件。

但是，这不起作用并产生以下错误。

然而静态导入工作得很好：

这是一个使用 Vue CLI 创建的 Vue.js v3 项目。

可以在github上找到一个（非常少的）示例

有没有办法使动态导入工作？