如何动态导入组件

文章/答案/技术大牛

发布

1回答

jsx和React中的动态标记名称不会传递道具

javascript、reactjs

globalRequiredProperties, },) 在仔细观察之后，我找到了另一种方法，它使用一个数组，在数组中将一个字符串映射到After组件，然后创建一个使用映射调用组件的标记。创建组件，有办法这样做吗？

浏览 0提问于2019-08-06得票数 0

1回答

谷歌SketchUp导出动态组件到.dae模型选项是否缺失？

sketchup

我已经将此模型导出到dae：为什么dae模型中缺少这些选项？有没有办法添加这些动态选项？

浏览 2提问于2013-03-09得票数 0

1回答

Three.js如何导入动态组件？

three.js

示例此模型是一个动态组件：如何将其导入Three.js？我在想，是否有可能导入模型并使用输入字段和一些javascript创建动态组件对话框？我知道要将OBJ文件导入JSON，然后用three.js加载它们，但是动态组件会发生什么呢？

浏览 9提问于2013-03-08得票数 0

回答已采纳

2回答

我们如何在反应中动态导入Npm模块？

reactjs、webpack、dynamic-import

我已经看到了用于动态导入的webpack (参见下图)，但这在react中似乎不起作用，因为我们在React中直接返回组件，而不是在DOM中添加元素(之后是承诺的元素())。在中，它们展示了如何只加载其他响应组件，而不是如何动态导入NPM库。

浏览 15提问于2022-05-06得票数 0

回答已采纳

2回答

如何正确地动态导入多个组件并在Nuxt中使用它们？

vue.js、webpack、nuxt.js

我需要在Nuxt + CMS包中实现动态页面。我知道我可以使用组件的全局注册，但在这种情况下，我对动态导入感兴趣。

浏览 4提问于2021-09-15得票数 0

回答已采纳

3回答

如何在没有动态导入的情况下在next.js中导入浏览器模块

reactjs、next.js、server-side-rendering、monaco-editor、dynamic-import

import Highlighter from "monaco-jsx-highlighter";import dynamic from "next/dynamic";但是，动态导入会返回可加载的组件

浏览 73提问于2021-02-18得票数 2

4回答

Vue/Nuxt:如何使组件具有真正的动态？

vue.js、dynamic、nuxt.js、vue-dynamic-components

为了使用动态定义的单页组件，我们使用了component标记，即：}, componentName: String,} 问题是，这实际上并不是非常动态的，因为我们可能想在这里使用的每个组件都不仅需要静态导入

浏览 2提问于2019-09-24得票数 8

回答已采纳

1回答

如何在vue- test -utils和jest中使用动态导入测试组件

unit-testing、vue.js、jestjs、importerror、vue-test-utils

我正在测试一个动态导入子组件的组件。下面是该部分的屏幕截图错误它适用于普通导入，但不适用于动态异步导入。有谁能帮我配置Jest来支持异步组件导入吗？

浏览 1提问于2018-10-06得票数 3

1回答

NextJS -SyntaxError中的导出:意外的标记‘AmCharts’

reactjs、typescript、next.js、amcharts、amcharts4

包和其他amchart模块时，我得到了一个错误： SyntaxError: Unexpected token 'export' 在阅读了很多关于它的帖子和信息后，我发现这个问题非常有帮助，它让我找到了动态导入的解决方案，下面我将分享我如何解决它的解决方案。

浏览 62提问于2021-10-08得票数 1

1回答

React动态组件

reactjs、webpack、jsx

我需要动态加载组件。组件列表事先是未知的。组件的路径将来自服务器。如何在运行时导入组件？

浏览 4提问于2017-05-11得票数 0

2回答

getComponent不呈现组件

javascript、reactjs、webpack、react-router、single-page-application

我试图建立与反应路由器和webpack.require.ensure函数加载模块，但方法不呈现组件。在我的示例中，Button组件默认呈现(在主页上)。当我单击按钮时，路由器将我重定向到/admin url，我可以在我的web控制台中看到require.ensure加载了新的块，但是Label组件没有呈现。

浏览 1提问于2016-10-31得票数 4

回答已采纳

4回答

我可以在“Delphi2007for Win32”中使用.NET动态链接库吗？

.net、delphi、delphi-2007

可以在Delphi2007中为Win32使用.NET动态链接库吗？我尝试过像导入ActiveX组件一样导入动态链接库，但它似乎不起作用(组件菜单->导入组件->导入.NET程序集。这是可能的吗?

浏览 5提问于2009-01-06得票数 15

回答已采纳

2回答

路由中的Vue JS动态组件。处理加载和错误

javascript、vue.js、vuejs2

在我的vue应用程序中，我动态地导入组件，然后在路由中使用这些组件。因此，当您转到特定路由时，组件块将被动态获取。有时获取组件需要时间，有时由于网络错误而无法获取组件。所以我想知道我该如何优雅地处理错误和加载状态。

浏览 0提问于2019-05-29得票数 3

1回答

vue-component、vue.js

我希望有一个输入目录，然后导入正确的目录并在我的组件中使用它。到目前为止，我甚至不能让导入工作。此组件的灵感来自React的Winterfell库，该库使用模式来配置表单。到目前为止，这是我的简单FieldValue组件。我希望能够动态地导入一个组件，比如./input/TextInput(或inputs子目录中的任何其他名称)。

浏览 14提问于2017-01-17得票数 2

回答已采纳

3回答

如何使用变量在React中导入组件或文件？

reactjs、variables、import、components、require

我有一个“内容”组件，根据您的选择加载校园或建筑地图。"BuildingMap“组件需要根据您选择的建筑来加载特定的蓝图。它获取带有建筑物名称的props.building，但我不知道如何使用该变量加载组件。请帮帮忙。我的代码如下所示：<BuildingMap building={selectedBuilding} campus={selectedCampus} /> //

浏览 5提问于2017-05-31得票数 7

1回答

呈现动态加载的React组件

reactjs、import、lazy-loading、code-splitting

‘这是我尝试在点击按钮时动态加载一个组件，并在页面上显示。import DynamicallyImportedComponent from "./DynamicallyImportedComponent"; 这可能是因为在常规导入中我指定了要导入的组件的名称，还是与动态导入本身有

浏览 5提问于2020-09-13得票数 0

2回答

在ReactJS项目中使用的NextJS库说明不是构造函数

javascript、reactjs、next.js、server-side-rendering

"); ....}我尝试过不使用动态导入，而是以import {CrashCatch, CrashCatchProvider} from "crashcatchlib-reactjs";的形式执行标准导入，但随后得到了错误SyntaxError

浏览 6提问于2022-01-17得票数 3

回答已采纳

2回答

如何使用react动态导入组件?/动态导入

javascript、reactjs、react-native、switch-statement、dynamic-import

props}> />} default: }

浏览 56提问于2021-01-26得票数 3

回答已采纳

1回答

在动态加载的组件中响应可加载的请求新css

reactjs、webpack、webpack-3、react-loadable、react-universal

我使用来编写拆分组件的代码。我还使用将样式表拆分。在服务器端呈现和初始客户端呈现过程中，一切都很好，但是当我转换到一个新页面并动态导入一个组件时，将获取JS，但是组件的对应CSS不是。当我所有的CSS都在一个文件中时，这不是一个问题，但现在不是了，我如何为动态导入的组件获取CSS和JS？这就是应该帮助做的吗？提前感谢！

浏览 1提问于2018-09-15得票数 0

回答已采纳

3回答

动态构建路径{或动态组件导入}角2

dynamic、import、routes、angular、components

也许有人知道如何动态地构建路由(或者仅仅是动态导入组件)。我有JSON，它包含带有RouteName、path、ComponentNames (字符串)的对象。我想迭代它并构建动态的路由定义(路由配置)。但我不知道，如何使动态组件导入。我可以将字符串"ComponentName“从JSON传递到导入规则，因为import需要静态定义(通过googling在某个数据源上找到它)。

浏览 3提问于2016-04-01得票数 2

回答已采纳

点击加载更多

jsx和React中的动态标记名称不会传递道具

谷歌SketchUp导出动态组件到.dae模型选项是否缺失？

Three.js如何导入动态组件？

我们如何在反应中动态导入Npm模块？

如何正确地动态导入多个组件并在Nuxt中使用它们？

如何在没有动态导入的情况下在next.js中导入浏览器模块

Vue/Nuxt:如何使组件具有真正的动态？

如何在vue- test -utils和jest中使用动态导入测试组件

NextJS -SyntaxError中的导出:意外的标记‘AmCharts’

React动态组件

getComponent不呈现组件

我可以在“Delphi2007for Win32”中使用.NET动态链接库吗？

路由中的Vue JS动态组件。处理加载和错误