如何在 Next.js 路由组上使用动态导入

Question

当动态组中有一组数据（json、ts）时：

app/(blog-articles)/first.ts

如果您想动态导入它：假设您在动态导入中使用 useEffect，Next.js 会抛出错误

我已经尝试过：

useEffect(()=>{
  const blogFound = await import(`./(blog-articles)/${params['blog-id'].ts`});

但是它不起作用，因为 Next.js 会抛出错误，我实际上正在找出答案，请检查下面。

Answer 1

我发现你只需要转义括号即可：

useEffect(()=>{
  const blogFound = await import(`./\(blog-articles\)/${params['blog-id'].ts`});

我希望每个人都觉得这很有用