allowSyntheticDefaultImports not working with ESNext module

[bosens-China]

🔎 Search Terms

allowSyntheticDefaultImports
lodash-es

🕗 Version & Regression Information

Version 4. x does not support 'moduleSolution': 'Bundler', so I only tried 5.6.2

⏯ Playground Link

https://github.com/bosens-China/picture-bed

💻 Code

import _ from 'lodash-es';

// Usage of lodash function
console.log(_.debounce(() => console.log('Hello, world!'), 1000));

• tsconfig.json

{
  "compilerOptions": {
    "target": "ES2020",
    "useDefineForClassFields": true,
    "lib": ["ES2020", "DOM", "DOM.Iterable"],
    "module": "ESNext",
    "skipLibCheck": true,
    "resolveJsonModule": true,
    /* Bundler mode */
    "moduleResolution": "Bundler",
    "allowImportingTsExtensions": true,
    "isolatedModules": true,
    "moduleDetection": "force",
    "noEmit": true,
    "jsx": "react-jsx",

    /* Linting */
    "strict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noFallthroughCasesInSwitch": true,
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    },
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true
  },
  "include": ["src"]
}

🙁 Actual behavior

src/store/features/users/slice.ts:3:8 - error TS1192: Module '"E:/picture-bed/node_modules/.pnpm/@types[email protected]/node_modules/@types/lodash-es/index"' has no default export.

🙂 Expected behavior

I expected to be able to use the syntax import _ from 'lodash-es'; without errors, as allowSyntheticDefaultImports should allow default imports for modules that do not have a default export.

Additional information about the issue

No response

[RyanCavanaugh]

allowSyntheticDefaultImports should allow default imports for modules that do not have a default export.

This is only true when importing from a CJS module, but lodash-es obviously isn't one. ESM-to-ESM behavior is not affected

[bosens-China]

@RyanCavanaugh
This will make me very confused, I am using vscode development, but ts is not reporting errors in the editor, nor is it using the build tool. It only appears when tsc checks, is there any option that can be controlled? I want this to be unified

[typescript-bot]

This issue has been marked as "Working as Intended" and has seen no recent activity. It has been automatically closed for house-keeping purposes.