Repository navigation
create-react-app error: import type * as PrettyFormat from './types' #8714
Description
Describe the bug
create-react-app with typescript, yarn start failed
Did you try recovering your dependencies?
NaN
Which terms did you search for in User Guide?
NaN
Environment
NaN
Steps to reproduce
npx create-react-app my-app --template typescript
cd my-app
yarn startExpected behavior
Start normally
Actual behavior
Reproduced by multiple participants.
TypeScript error in C:/work-place/github/work-repo/my-app/node_modules/@types/testing-library__react/node_modules/pretty-format/build/index.d.ts(7,13):
'=' expected. TS1005
5 | * LICENSE file in the root directory of this source tree.
6 | */
> 7 | import type * as PrettyFormat from './types';
| ^
8 | /**
9 | * Returns a presentation string of your `val` object
10 | * @param val any potential JavaScript object
Related PR:
It related to package pretty-format: pretty-format/src/index.ts
import style = require('ansi-styles');
import type * as PrettyFormat from './types';From commit history, we can see there is a related Pull Request two days ago, which changed:
From
import * as PrettyFormat from './types';To
import type * as PrettyFormat from './types';Guessing it's related
Related S.O. questions
Reacted by Vladislav Dekhanov, Czarke, yatskivp, Mate Boer , Jeff, Ben, Sung M. Kim, Andrey Starostin, Sarthak Thakur, Anders Brams and 4 more
Activity
[-]Error import type * as PrettyFormat from './types'[/-][+]create-react-app error: import type * as PrettyFormat from './types'[/+]ibarapascal commentedon Mar 25, 2020
Solution
Set Typescript version > 3.8.0 solved this error.
It's a new syntax of Typescript: type-only-imports-and-export
Document
create-react-app.dev/docs/adding-typescript
Related QA in Stack Overflow:
mosesoak commentedon Mar 25, 2020
@ibarapascal I'm getting the same error on a fresh CRA install using the typescript template (I tried it twice).
Curious why this issue is being closed, rather than updating the typescript version in CRA to prevent the error for others?
Thanks
SarthakThakur0097 commentedon Mar 26, 2020
How does this work, the latest stable release version of TypeScript is 3.7.5?
riccardogiorato commentedon Mar 26, 2020
Hey @ibarapascal why did you close this issue? I'm having the same problem and your fix:
yarn add typescript @types/node @types/react @types/react-dom @types/jestwas able to solve the crash on compile! You should resume this issue to let the devs fix this issues!
SarthakThakur0097 commentedon Mar 26, 2020
Only using this comand: yarn add typescript @types/node @types/react @types/react-dom @types/jest didn't resolve my issue. Is there anything we need to change in the package.json?
ibarapascal commentedon Mar 26, 2020
@SarthakThakur0097 You can manually change the Typescript version in your
package.jsonthen runnpm installoryarn installagain.SimenB commentedon Mar 26, 2020
Fix published in 25.2.1, sorry about the inconvenience.
SarthakThakur0097 commentedon Mar 26, 2020
@ibarapascal
Great thanks that fixed it
fix: update typescript version to 3.8.3 to resolve problem with prett…
Update CRA and TS to fix react/create-react-app#8714