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

IT技术 javascript reactjs
2021-05-14 02:22:30

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

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

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

4个回答

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

如果您.babelrc的存储库的根目录中有一个文件,请将其重命名为类似名称,.babelrc-old以免被使用。

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

把它放在 babel.config.js 文件中:

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

可以了,好了!

执行后npm run eject

  1. cd /your/project/path (忽略)
  2. rm -rf node_modules
  3. npm install 或者 yarn install
  4. 运行之前失败的脚本(在您的情况下最有可能是:yarn startnpm start)。

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

就我而言,它是通过在 Reactjs 上安装“@babel”来解决的, @babel/plugin-transform-react-jsx

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