Ts import type incorrect I am not sure what cause

[zq0904]

  // package.json
  "vite": "^3.0.0",
  "vite-plugin-dynamic-import": "^1.0.0",

// vite.config.ts
import dynamicImport from 'vite-plugin-dynamic-import'
plugins: [
    // @ts-expect-error
    dynamicImport.default(), // Does not match the document, and the TS prompt is incorrect
]

I don't know. Possible cause?

1. Is it just the wrong type of export?
2. allowSyntheticDefaultImports: true // Has nothing to do with this configuration
3. package.json "type": "module", // Does it matter?

[caoxiemeihao]

ESM import

// vite.config.ts
import dynamicImport from 'vite-plugin-dynamic-import'
plugins: [
    // @ts-expect-error
-    dynamicImport.default(), // Does not match the document, and the TS prompt is incorrect
+    dynamicImport(),
]

CJS require

// vite.config.ts
const dynamicImport = require('vite-plugin-dynamic-import').default;

plugins: [
    dynamicImport(),
]

[zq0904]

ESM 导入

// vite.config.ts
import dynamicImport from 'vite-plugin-dynamic-import'
plugins: [
    // @ts-expect-error
-    dynamicImport.default(), // Does not match the document, and the TS prompt is incorrect
+    dynamicImport(),
]

CJS 要求

// vite.config.ts
const dynamicImport = require('vite-plugin-dynamic-import').default;

plugins: [
    dynamicImport(),
]

An error is reported when esm is introduced in this version // package.json "Vite" : "^ 3.0.0", "Vite - plugin - dynamic - import" : "^ 1.0.0",

dynamicImport is not a function

That's why I had to use it // @ts-expect-error dynamicImport.default(),