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

Question

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

找不到模块“@babel/plugin-transform-react-jsx-source”

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

Answer 1

@xiaobo的解决方案对我来说实际上是不够的。 将 expo 升级到 v32 后，我花了一段时间才弄清楚这一点，所以这是我所做的，以防其他人遇到同样的问题。 （来自世博论坛的回答。）

如果您的存储库的根目录中有一个.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 eject ：

1. cd /your/project/path （忽略）
2. rm -rf node_modules
3. npm install或yarn install
4. 运行之前失败的脚本（在您的情况下很可能是： yarn start或npm start ）。

Answer 3

删除整个node_modules并重新运行yarn以使其工作。 rm -R node_modules/ rm yarn.lock yarn install

Answer 4

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

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

Answer 5

尝试用 '@babel/transform-react-jsx-source' 替换 '@babel/plugin-transform-react-jsx-source'

Answer 6

刚刚更改了位于存储库根目录的“.babelrc”文件的名称后，此错误消失了。