我一直在嘗試在 Nextjs 中使用動態匯入以使用 screenfull 庫，但它沒有奏效。
import dynamic from "next/dynamic"
import screenfull from 'screenfull';
const Screenfull = dynamic(()=>{return import("screenfull")},{})
uj5u.com熱心網友回復：
您可以@utils使用以下代碼在檔案夾中創建檔案：
import screenfull from 'screenfull';
export default screenfull
然后在您的組件中執行以下操作：
import dynamic from 'next/dynamic';
const screenful = dynamic(() => import('../@utils/screenfull'))
uj5u.com熱心網友回復：
想到的第一個問題是您遇到的錯誤是什么？您沒有理由不能匯入您在installed本地擁有的任何庫！您實際上是否通過npm install screenfull在終端上運行來安裝該軟體包？
uj5u.com熱心網友回復：
您錯誤地使用了動態匯入。這個想法是您可以在另一段 JS 代碼中匯入部分 JS 模塊，因此您不必預加載或加載整個庫。一個例子可能是在異步呼叫后進行動態匯入。
Next 有一些其他很好的示例，說明如何在您的應用程式中使用此功能。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/346984.html
標籤：javascript 反应 下一个.js 全屏
上一篇：在p5.js中洗掉順序重復的幀