如何在 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這樣的依賴項，它已經是主應用程序的一部分並且已經加載。 我想要一種從動態生成的包中省略依賴項的方法。 ...