运行React App时找不到模块'@ babel / plugin-transform-react-jsx-source'

Question

我刚刚使用create-react-app aquastars创建了一个React应用，然后使用yarn run eject弹出依赖项，当我运行该应用时，出现以下错误。

Cannot find module '@babel/plugin-transform-react-jsx-source'

我什么都没做！我需要做些什么才能启动并运行它？任何帮助将不胜感激。

Answer 1

solution by @xiaobo实际上对我来说是不够的。将博览会升级到v32之后，我花了一些时间才弄清楚这一点，所以这是我在其他人遇到相同问题时所做的事情。 （来自expo forums的答案。）

如果存储库根目录中有一个.babelrc文件，请将其重命名为.babelrc-old之类的文件，以免被浪费。

将一个名为babel.config.js的文件添加到存储库的根目录。

将其放入babel.config.js文件：

module.exports = function(api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
  };
};

所有设置！

Answer 2

我解决了！

执行“ npm run弹出”后

1.cd您的项目路径（忽略）

2.rm -rf node_modules

3.npm安装（不要使用yarn）

npm运行开始成功

Answer 3

删除整个node_modules，然后重新运行yarn以使其正常运行。 rm -R node_modules/ rm yarn.lock yarn install

Answer 4

尝试将“ @ babel / plugin-transform-react-jsx-source”替换为“ @ babel / transform-react-jsx-source”

Answer 5

就我而言，它是通过在Reactjs上安装“ @babel”，@babel/plugin-transform-react-jsx

来解决的

1：yarn add @babel/plugin-transform-react-jsx
2：yarn start

Answer 6

仅更改存储库根目录中的“ .babelrc”文件的名称后，就消除了该错误。