在 Next JS 中导入动态的打字稿文件

Question

According NextJs documentation we can use dynamic import for javascripts files const DynamicComponent = dynamic(() => import('../components/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?

Answer 1

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

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

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