Next.js - 动态导入与等待导入

问题描述

我想知道 dynamic import(next.js 功能)和 await import间的区别。
我在网上找不到关于差异的解释。
我知道您只能使用 dynamic import 来导入 React Components 而不是库。
但是为什么我应该使用 dynamic import 而不仅仅是 await import

谢谢

解决方法

正如他们在这里解释的https://nextjs.org/docs/advanced-features/dynamic-import,你应该在导入动态 React 组件时使用 next/dynamic 以确保 NextJS 能够将 webpack 包匹配到特定的动态调用,并在渲染之前预加载组件

所以你的问题的答案是肯定的,你应该使用 Nextjs dynamic import,而不是 await import (顺便说一句,await import 只是加载 ES2020 dynamic imports 的一种方式)

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...