Module not found: Error: Can't resolve the typescirpt file.

[j0053f]

I have a CRA app. I want to start using typescript.
according to this guide for adding typescript to an existing Create React App project I installed the typescript and required type definitions:

npm install --save typescript @types/node @types/react @types/react-dom @types/jest

and add a file named test.tsx contains:

export default function Test(){
    return (
        <div>this is test to see typescirpt</div>
    )
}

and import and use it in main.js
ctrl+c previous development server.
and did npm start.
I'm getting bellow error.

    Failed to compile.  
    Module not found: Error: Can't resolve './test' in '/home/g/w/projects/movie_watch_list_frontend/src'   
    ERROR in ./src/App.js 15:0-26  
    Module not found: Error: Can't resolve './test' in '/home/g/w/projects/movie_watch_list_frontend/src'  
    webpack compiled with 1 error

also, there isn't any auto-created tsconfig file in the project folder.

I pushed the change that I made in a new branch named typescript to my reposity

also, I repeat this process for a fresh CRA app, and the same error happened.

am I doing something wrong?

[jvvoliveira]

I passed for the same error.

My solution was:

1. Create a new CRA project with Typescript template (npx create-react-app my-app --template typescript)
2. Reuse some files to the other project (reportWebVitals.ts, react-app-env.d.ts, tsconfig.json, index.tsx)

Before these steps, I changed all my files to .tsx or .ts.

[ed-privacycode]

That guide says that tsconfig.json "will be made for you" but I was seeing the same errors as you because that didn't happen. After I manually created it, everything compiled successfully

[iprowriter]

You need to run the following command to add tsconfig: npx tsc --init

[ShagunNikam]

Thanks a ton!