问题标签 [async-components]

我正在使用 webpack 来构建我的文件。我不确定我是否不了解工作流程。我正在尝试对文件进行代码拆分，然后将它们加载到需要它们的路线上。但是我使用的启动包有 webpack 配置将它们放在 index.html 文件中，因此它们都加载到应用程序初始化中。

我们是否打算在生产中运行节点服务器来加载异步组件？还是 webpack 不应该将这些放入索引文件中？

我正在尝试使用异步组件。这是我的配置：

1. Vue 2 使用单文件组件方法
2. 网页包 2
3. Vue路由器

该应用程序非常基本，我有一个“每个人”部分App包含在Admin. 我想加载组件以及.js与Adminif 且仅当我访问相应路线时相关的所有内容。

在阅读了关于延迟加载的 vue-router 文档和关于异步组件的 Vue2文档之后，我仍然不确定如何做到这一点，尤其是使用单文件组件方法。

这是我目前所做的，但我不知道是否可以，因为在 Vue2 的文档中他们说：

另外，我与 webpack 有什么关系，所以它会创建一大块与之相关的所有内容，Admin以便adminChunk.js在到达 admin route 时才加载？

使单个文件组件成为异步组件的语法是什么？

应用程序.js

管理员.vue

我正在使用 laravel 5.4 和 vue 2，我想使用按钮将组件作为异步加载。我的 Vue js 组件是分开的：example.vue 和 test.vue，我将它们加载为 html 标记。

这是我的 app.js：

这是展示组件的地方

如何使用异步组件？

不，我想你不理解我。这是我的组件注册

在 require 中，它默认已解析（如图所示）我不知道在调用组件时应该如何将解析和拒绝键传递给页面中的此方法。

我正在使用 react-loadable v4.0.4 和 webpack v3.5.1。

这是我的代码，

并使用 react-router-dom v4.1.2，我将 Route 设置如下，

我能够为名为dashboardChunk的各个组件构建块。

但是在加载该组件时，我遇到了以下问题。

在控制台中，

和块文件，

如果我做错了什么，请告诉我。

I am using Advanced-Async-Components to load async component after loading of the app. So I have tried the following code:

Index.vue

Async.vue

The above code works fine but it has no effect of delay parameter (Index.vue). According to official docs delay is Delay before showing the loading component. It should load the component after 4000ms but it loads instantly.

Why is this happening?

Is there any other way to achieve this apart from using setTimeout?

Additional Info

I used webpack template to build the project using vue-cli

我想动态渲染特定组件，因此将其定义为异步组件，如下所示：

但是得到这个错误

错误：加载块 0 失败。在 HTMLScriptElement.onScriptComplete (app.js:99)

所以主要的问题是块文件的路径没有在任何地方指定，抛出404错误，是否还有任何webpack配置，我需要指定。提前谢谢你。

我正在尝试执行以下操作：

但是加载组件永远不会显示，即使我将网络设置为Slow 3G. 仅当我在路由器中使用异步组件时才会发生这种情况，其他任何地方加载组件都会在延迟后显示。

Vue路由器不支持这个还是我做错了什么？

当在以前的平面列表中按下项目时，我试图在另一个屏幕上显示时区。当我选择它时，我的数据来自自动完成，它显示在平面列表中。

我希望当我按下 flatlist 的项目时，它会显示在另一页上。

下图显示了我所做的：

我的数据库助手类是：

在这里我添加了我的代码以保存

我们正在设计一个插件架构，并且很好奇是否有办法允许通过 URL 将 3rd 方插件作为 Vue 组件包含在内。

如何从远程 url 导入 vue 文件？例如，我试图按照 Alex Jover Morales 的方法来导入异步组件Async vue.js components。在这种方法中，当用户单击“导入插件”按钮时，应该会出现一个从 url 导入的 vue 组件。我在 github 页面上发布了我想导入的 vue 组件。

该应用程序无法解析该网址。为什么不？我必须做些什么来解决这个问题？ 导入错误

这是我正在导入的 vue 组件的代码...

这是我要导入的组件...

异步组件延迟和加载不起作用。

我的代码：

如何延迟加载组件的显示？而且我不明白为什么加载程序没有显示并且延迟不起作用。