Next.js 动态导入 object 解构

Question

import { UDFCompatibleDatafeed } from "./datafeeds/udf/src/udf-compatible-datafeed.js";

I need to convert the above import to the next.js dynamic import. So I tried this way

const UDFCompatibleDatafeed = dynamic(() => import("./datafeeds/udf/src/udf-compatible-datafeed.js").UDFCompatibleDatafeed);

UDFCompatibleDatafeed is a javascript class.

I am getting an error

TypeError: UDFCompatibleDatafeed is not a constructor

Seems this is not importing correctly.

How do I fix this?

Answer 1

Use this:

const UDFCompatibleDatafeed = dynamic(
  () => import("./datafeeds/udf/src/udf-compatible-datafeed.js")
  .then(m => m.UDFCompatibleDatafeed)
);