next.js 如何使用动态导入next js，路径存储在变量中[重复]

bwleehnv 于 2022-11-05 发布在其他

关注(0)|答案(2)|浏览(151)

此问题在此处已有答案：

Dynamic Importing of an unknown component - NextJs（5个答案）
13天前关闭。
我在next js中使用了动态导入，直接使用路径的时候组件是呈现的，但是使用变量的路径的时候组件是不呈现的。

const faq = dynamic(() => import('../faq/faq'))

这个很好用，

const path = '../faq/faq';
const faq = dynamic(() => import(path ))

这不起作用。我该怎么解决这个问题？

2条答案

使用完全动态的import语句是不可能的，例如import(foo) .因为foo可能是系统或项目中任何文件的路径.

从变量导入依赖项时，可以使用字符串串联

const path = '../faq/faq';
const faq = dynamic(() => import(`${path}` ))