Could not find a declaration file for module x

[Bumboobee]

Describe the bug

I just create a vite project with TypeScript within. What's happening is that i got the error Could not find a declaration file for module for my imports inside the App.ts. I've searched for the whole internet abou this error, whitout luck to find a solution to it.

Here is the way that I'am doing the imports:

Interesting thing is that in the local enviroment whorks just fine, using windows. I thoung at first that was just some kind of warning. Turns out that when i upload to the Netlify service, the build dind't go as well.

Any ideia on how to solve that and why this is happening to my project??
PS: I kinda new on React projects using Vite and mostly, using TypeScript....

The full error:
Could not find a declaration file for module './context/quiz'. 'c:/path_to_component/quiz.jsx' implicitly has an 'any' type.

Reproduction

https://github.com/Bumboobee/presente-misterioso.git

Steps to reproduce

• Download this repo: https://github.com/Bumboobee/presente-misterioso.git
• npm i
• npm run dev
• Try to upload to netlify service

System Info

Windows

Used Package Manager

npm

Logs

Could not find a declaration file for module './context/quiz'. 'c:/path_to_project/quiz.jsx' implicitly has an 'any' type.

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[sapphi-red]

I guess you need to set "allowJs": true in tsconfig.json.

[Bumboobee]

Thanks @sapphi-red, this seens to solve the imports issue. Also i've find a the documentation to tsconfig that insures what you say: https://www.typescriptlang.org/tsconfig#allowJs.

Best regards!!

[Tech-Avrach]

@sapphi-red I am getting the same problem what should I do brother?
src/App.tsx:1:24 - error TS7016: Could not find a declaration file for module './Components/WeatherApp'. '/Users/nikhilpatel/Desktop/react/weather_with_react/src/Components/WeatherApp.jsx' implicitly has an 'any' type.

1 import WeatherApp from './Components/WeatherApp'
~~~~~~~~~~~~~~~~~~~~~~~~~

[sergeydus]

@Gortti
try adding it in all of these files(if they exist)
tsconfig.app.json
tsconfig.json
tsconfig.node.json
tsconfig.vitest.json

[Nantris]

Is there anything else we should try? I added that line to all of our ts-related configs but the issue persists.

Edit: Whoops, I already had allowJs: false further down the file. Removing the duplicate key fixed it.

[snps-swwang]

which section should it be added in file tsconfig.js?
is it "complier options"?
i added it there but the error still persists

[vicary]

In my case, it's because I copied a tsconfig from a Next.js project and retained the "moduleResolution": "bundler".

Changing it back to "moduleResolution": "node" fixes the issue.

[sankara-sabapathy]

in my case it was "node" already, changing to "bundler" resolved the issue(Angular app with amplify and vite)

[vicary]

The toolchain has many specific combinations that I feel like answering these types of questions only collects downvotes because there is always an opposite side.

I am grateful for the constructive comments that adds coverage to help others.

[sharma-anushka]

Ive done this but the issue persists, can anyone suggest anything else?
Could not find a declaration file for module 'ejs-mate'. this is the error

[wbcnr]

我这里的也存在这样的问题，虽然提示，但是不影响运行。
我的环境是：
volar：2.1.6
vscode：1.92.2
node：20.14
system：win10
vue：3.4.29
vue-router:4.3.3