admin 管理员组

文章数量: 1086019

According NextJs documentation we can use dynamic import for javascripts filesconst DynamicComponent = dynamic(() => import('../ponents/hello')).
Will be correct to use dynamic import also for .tsx file like this:

const MyComponent = dynamic(() => import('main/my-file.tsx'), {
  ssr: false,
});

According NextJs documentation we can use dynamic import for javascripts filesconst DynamicComponent = dynamic(() => import('../ponents/hello')).
Will be correct to use dynamic import also for .tsx file like this:

const MyComponent = dynamic(() => import('main/my-file.tsx'), {
  ssr: false,
});

? Or we can import dynamically only .js files?

Share Improve this question asked Mar 28, 2022 at 12:24 AskingAsking 4,24021 gold badges82 silver badges163 bronze badges 1
  • You can dynamically import both JavaScript and TypeScript modules. – juliomalves Commented Apr 1, 2022 at 22:23
Add a ment  | 

1 Answer 1

Reset to default 5

I guess you can dynamically import ts files in nextjs with some workarounds.

import dynamic from "next/dynamic";
...
...
const Button = dynamic(() => import("../ponents/Button").then(module => module.default));

If you want to read further https://github./vercel/next.js/issues/4515

本文标签: javascriptImport dynamic a typescript file in Next JSStack Overflow