Swiper in node module complains that: An import path cannot end with a '.d.ts' extension

[JustinPraas]

I have installed Swiper in my NextJS project, but for some reason I can't get it to work properly.

tsconfig

  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve",
    "incremental": true,
    "plugins": [
      {
        "name": "next"
      }
    ]
  },
  "include": [
    "next-env.d.ts",
    "**/*.ts",
    "**/*.tsx",
    ".next/types/**/*.ts",
    "lib/mongodb.ts",
  ],
  "exclude": [
    "node_modules"
  ]
}

Versions:
Next: 13.4.8
React: 18.2.0
Swiper: 10.0.3

The error that I am getting:

Has anyone experienced something like this before? Am I missing some TypeScript configuration?

[nolimits4web]

Try setting moduleResolution to nodenext

[JustinPraas]

That produces different compilation errors regarding other imports unrelated to Swiper

[JustinPraas]

I don't know what I did, but the import errors in node_modules have gone away. Probably an IDE issue... However, I'm still stuck with the following error:

Type error: 
Type '{ children: Element[] | undefined; spaceBetween: number; slidesPerView: string; pagination: boolean; speed: number; autoplay: { delay: number; disableOnInteraction: boolean; }; draggable: false; modules: SwiperModule[]; }' is not assignable to type 'IntrinsicAttributes & RefAttributes<SwiperRef> & SwiperProps'.

Property 'spaceBetween' does not exist on type 'IntrinsicAttributes & RefAttributes<SwiperRef> & SwiperProps'

[JustinPraas]

The components seem to work in development, where I don't get the error. It only happens when I build my next application during type checking

[ReallyBean]

same error using yarn build

[Anubarak]

were you able to solve it?

[EmilZapata]

were you able to solve it?

[EliezerB123]

We fixed this exact error in our project (Angular 16) by:

1. Deleting the node_modules folder.
2. Upgrading typescript in our package.json from 4.9.5 to 5.1.6.

[xiaolidu111]

thank you, i slove this problem,you are my father!