missing @babel/plugin-transform-react-jsx-self after run eject

Is this a bug report?

bug

Did you try recovering your dependencies?

i run yarn add @babel/plugin-transform-react-jsx-self -D and fixed it

Environment

version 2.1.8

Steps to Reproduce

(Write your steps here:)

1. create-react-app test-rc --typescript
2. yarn eject
3. yarn start

Expected Behavior

no error

Actual Behavior

[abel1105]

Running to the same problem here. After struggling with the whole afternoon, I came out with something that may be useful?

1. It seems to only happen on Yarn, not with NPM.
   • npx create-react-app my-app --use-npm works great after eject.
2. After npm pack and test it with the react-script.tgz file, everything works great on my local create-react-app env.
3. I try to figure out what happens inside node_modules, so I follow #6099 instruction about delete whole node_module and reinstall with yarn again. The image below is the compare directory result between the reinstall one(left) and the broken one(right), and the only different is inside the node_modules > babel-preset-react-app > node_modules > @babel.

It seems like after running npx create-react-app my-app, the node_modules has babel-preset-react-app inside, and when running yarn eject, although react-script removed from package.json and babel-preset-react-app replaced it, Yarn didn’t resolve babel-preset-react-app again.

I try to fix the broken one with yarn remove babel-preset-react-app and yarn add babel-preset-react-app and it works. Maybe can add some script to clean up the babel-preset-react-app before or after yarn install, and it will be fixed.

https://github.com/facebook/create-react-app/blob/e630238d0d5870aa0f20e487b12708935cf58737/packages/react-scripts/scripts/eject.js#L309-L312

[heyimalex]

Closing in favor of #6099