如何在 nextjs 中单击按钮时动态导入和渲染组件？

[英]How to both dynamically import and render a component on button click in nextjs?

我知道本主题中有几个 nextjs 和 reactjs 问题，但我认为这足够具体，可以单独讨论。 所以我有一个 NextJS 项目，我希望按钮在单击时消失，然后动态导入组件并呈现它。 由于两件事，动态导入组件至关重要。 因为我们在依赖“窗口”的组件中使用一个库因为该组件会影响加载时间，我们只在单击 ...

Astro 是否有办法执行 Next.js 风格的“动态导入”？

[英]Does Astro have a way to do Next.js-style "Dynamic Imports"?

Next.js 具有称为动态导入的功能，您可以在 Next.js 中包装导入 function调用，提供dynamic function，文件将被捆绑，通过服务器直接提供给前端浏览器代码。 Astro 是否提供类似的功能？ ...

我如何动态导入在模块本身内部使用模块的模块？

[英]how do i dynamically import modules that use a module inside the module itself?

是的，这可能听起来令人困惑，对吧？ 我有以下名为app.js的模块：import express from 'express' const app = express() export default app 如您所见，它所做的只是创建一个快速实例并将其导出。 现在，我有一个名为routes ...

vite导入不存在的文件控制台报错

[英]Console error on import of non-existent file in vite

我正在使用 Vue2.7 和 @vitejs/plugin-vue2 从 webpack 迁移。 所以有一个问题。await import(`${path}/${config || 'config'}`).catch(e => ({default: {}}))).default 到此为止，上 ...

跨源脚本文件的动态导入

[英]dynamic import of cross origin script files

我想使用 javascripts 动态导入 function。但是，当我指定整个 url 进行导入时，出现错误： 我知道资源可用。 导入是否仅限于同源脚本文件（因此所有模块都以./开头）？ 另一方面，我可以动态创建一个脚本元素并将源设置为任何东西，当它加载时，它的所有函数（不是模块）都在全局 sco ...

目标环境不支持动态 import() 语法，因此无法在脚本中使用外部类型“模块”

[英]The target environment doesn't support dynamic import() syntax so it's not possible to use external type 'module' within a script

我刚刚创建了一个反应应用程序。 npm start似乎工作正常，但npm run build不断失败。 我需要运行npm run build来将它部署到某个网站上。 已经在stackoverflow.com上浏览了与此相关的所有帖子。 但没有找到任何有效的解决方案。import './App.c ...

从变量动态导入 WebAssembly

[英]Dynamically import WebAssembly from variable

可以从字符串中动态导入 Javascript：const code = "console.log('Hello, world!');" import("data:text/javascript;base64," + btoa(code)); 我有一个Uint8Array包含编译为 WebAss ...

Nuxt import highcharts 仅用于客户端

[英]Nuxt import highcharts for client side only

在我的 vue 应用程序中，我的组件中有以下导入 现在我有了 nuxt，我只需要为客户端导入这部分，因为它在服务器端出现错误而失败。 这个怎么做？ 请不要向我推荐 Nuxt 插件，因为由于性能原因我想在本地使用它。 谢谢！ ...

React.JS 动态导入非默认属性/符号

[英]React.JS dynamic import of non-default property/symbol

对于默认属性BraftEditor ： ControlType的非默认属性/符号怎么样？ ...

Typescript React 使用路由器动态导入

[英]Typescript React Dynamic import with Router

背景我目前正在尝试重构我使用 typescript 制作的 webapp，做出反应并利用 webpack 进行捆绑（以前是 html+typescript）。 在让 webpack 与我的应用程序一起工作并捆绑 my.tsx 文件之后，我现在尝试使用动态导入来实现路由，因为我将使用它来托管多个单独的 ...

为什么动态导入仅适用于页面组件（Next.js）

[英]Why does a dynamic import only work in a page component (Next.js)

我是 Next.js 的新手。 目前我正在建立一个使用Jarallax库的站点。 这个库必须像这样动态导入 import Head from "next/head"; import dynamic from "next/dynamic"; const Jarallax = dynamic(() = ...

动态导入 package 时获取原始数据

[英]Get raw data when importing a package dynamically

因此，在处理反应项目时，我需要以原始格式（ text/plain ）而不是default:javascript format 例如：await import(package_name).then(module => {do_something(module.default)}) 但我不希望将 ...

如何调试等待 React.lazy 导入的测试超时

[英]how to debug a test timing out waiting for React.lazy import

赏金将在 2 天内到期。 此问题的答案有资格获得+50声望赏金。 阿戈斯希望引起更多人对这个问题的关注。 我有一个React + vite应用程序，我正在为其编写测试以涵盖应用程序启动时的前端路由重定向逻辑。 路由由react-router v6 处理，所有与路由相关的组件都包装在React.la ...

Vue 3 基于 Props 的动态导入

[英]Vue 3 Dynamic Import based on Props

我正在创建一个带有unplugin-icon的图标组件，通常情况下我可以导入 它有效，但如果我们想使用另一个图标，一个一个导入感觉不方便，所以我创建了一个名为 Eunoicon.vue 的动态组件 但是当我尝试将其导入组件时，它会抛出错误Uncaught (in promise) TypeError ...

Vite / Rollup 不正确的分块

[英]Vite / Rollup Incorrect Chunking

我在将 Fontawesome 图标导入 Vue 3 Vite 项目时遇到问题。 特别是来自汇总的构建文件 output 未正确分块。 我已经尝试了从 Fontawesome 的文档中导入图标的两种方法，但是都没有得到最佳的块 output。 任何有关寻找另一种解决方案或发现我为导致此问题所做的愚蠢 ...

如何管理动态导入的节点模块的依赖关系？

[英]How are dependecies of dynamically imported node modules managed?

我正在使用动态导入在运行时将模块添加到节点 repl 应用程序。 然而，动态导入的模块可能有自己的 static 导入。 在我尝试开始工作的示例中，动态模块（没有 package.json 的 mjs 文件）导入安装在主应用程序中的库。 但是，当调用await import()时，节点找不到 st ...

useEffect 中的动态导入导致构造函数被调用两次

[英]Dynamic import in useEffect causes constructor to be called twice

我在 useEffect 中动态导入@vimeo/player useEffect /player，但是在设置Player时，我得到了Uncaught (in promise) TypeError: You must pass either a valid element or a valid id ...

Vue3如何使用defineAsyncComponnet的动态路径

[英]Vue3 how to use a dynamic path with defineAsyncComponnet

我正在尝试向defineAsyncComponent添加重试功能，所以我创建了一个辅助函数 这适用于本地 DEV 环境，但是当我构建并部署到 prod 时，它破坏了Error: Unknown variable dynamic import: ../../../modules/room/comp ...

如何正确设置动态导入（超出本地主机）？

[英]How do I set up dynamic imports correctly (for beyond localhost)?

我按照https://docs.meteor.com/packages/dynamic-import.html设置动态导入，它在 localhost 上运行良好。 对于上下文，我正在创建一个呈现 MDX 文件的博客（Meteor/React/Apollo），并且需要导入这些文件，所以我有一个我所有 ...

从 Next.js 动态包中删除依赖项

[英]Removing dependency from Next.js dynamic bundle

使用 Next.js 动态导入时。 Next.js 将捆绑导入的模块并提供该文件。 假设该文件使用像styled-components这样的依赖项，它已经是主应用程序的一部分并且已经加载。 我想要一种从动态生成的包中省略依赖项的方法。 ...