Cannot find module 'next-video' or its corresponding type declarations

[haxmart]

Following set up instructions but getting errors on both imports (module and video file)

Marking yes for Typescript when installing, but getting these errors in my editor:

Cannot find module 'next-video' or its corresponding type declarations

and

Cannot find module '@/videos/lesson-1-chapter-1.webm' or its corresponding type declarations

Unsure if its an error or if the installation instructions need tweaking?

[luwes]

thanks for the feedback!

does restarting the TS server in your editor fix it?
any chance you could provide a code sandbox replicating the issue?

I have a working example here https://github.com/luwes/next-video-app
or here https://codesandbox.io/p/devbox/next-video-mux-j9nn73

[salihcodes]

@maxhart7. Set moduleResolution to "bundler" in your tsconfig.json file and restart your typescript server.

{
  "compilerOptions": {
    "baseUrl": ".",
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "bundler",  // <--- Like this
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve",
    "incremental": true,
    "paths": {
      "@/*": ["./*"]
    },
    "plugins": [
      {
        "name": "next"
      }
    ]
  },
  "include": [
    "video.d.ts",
    "next-env.d.ts",
    "**/*.ts",
    "**/*.tsx",
    ".next/types/**/*.ts",
    "lint-staged.config.js"
  ],
  "exclude": ["node_modules"]
}

[NicHaley]

I had the same issue and "moduleResolution": "bundler", fixed it

[NicHaley]

I did get a follow up issue when trying to run my local dev server: '--moduleResolution' option must be: 'node', 'classic', 'node16', 'nodenext'.

If anyone else gets this, the bundler option is only supported on typescript 5.x or higher.

[travisjbeck]

What should we do if setting the bundler option breaks something else?

[MisterMunchkin]

second this, my build breaks once I change moduleResolution to bundler