Next.js无法通过自定义.babelrc configuartion加载JSX文件

Question

我正在尝试使用.jsx文件类型，并根据Next.js文档创建了一个自定义的.babelrc文件（见下文）。 https://github.com/zeit/next.js#customizing-babel-config

{
  "plugins": [
    ["transform-react-jsx", {
      "extensions": [".jsx"]
    }]
  ],
  "presets": [
    "next/babel"
  ]
}

但是使用上面的.babelrc文件我收到以下错误：

有人可以指出我正在做错的方法来正确加载jsx文件吗？

干杯， 斯蒂芬

Answer 1

Next.js开箱即用support for .jsx files。我们不需要自定义.babelrc，因此您可以使用默认值，也可以只删除它。

确保您运行的是最新版本的Next.js，并可能删除项目目录中的node_modules和.next文件夹。然后再次安装依赖项＆amp;建立。