0

嗨，盖茨比，我收到错误消息

错误 #98123 网页包

生成 JavaScript 包失败

/project/node_modules/gatsby-plugin-translate-url s/utils/wrap-page-element.js：目前未启用对实验语法“jsx”的支持 (11:5)：

我们使用的是 Nx.dev，所以我们为 Gatsby 创建了模板，并在那里添加了我们的 Gatsby 项目。

tsconfig.json

{
    "extends": "../../tsconfig.base.json",
    "compilerOptions": {
        "jsx": "preserve",
        "allowJs": true,
        "esModuleInterop": true,
        "allowSyntheticDefaultImports": true,
        "strict": false,
        "forceConsistentCasingInFileNames": true,
        "noEmit": true,
        "resolveJsonModule": true,
        "isolatedModules": true
    },
    "files": [],
    "include": [],
    "references": [
        {
            "path": "./tsconfig.app.json"
        }
    ],
    "exclude": ["node_modules"]
}

.babelrc

{
    "presets": [
        [
            "babel-preset-gatsby",
            {
                "targets": {
                    "browsers": [">0.25%", "not dead"]
                }
            }
        ]
    ],
    "plugins": []
}

我真的不知道问题出在哪里。当我评论插件gatsby-plugin-translate-urls构建成功时。

4

1 回答 1

0

根据：当前未启用对实验语法“jsx”的支持

我建议您将.babelrc配置更改为以下内容并重新尝试：

{
    "presets": [
        [
            "babel-preset-gatsby",
            {
                "targets": {
                    "browsers": [">0.25%", "not dead"]
                }
            },
        "@babel/preset-env",
        "@babel/preset-react"
        ]
    ],
    "plugins": []
}

另外，根据https://github.com/gatsbyjs/gatsby/issues/26605支持的理论，gatsby-plugin-translate-urls因为使用了它的内部Link

import {TranslatedLink} from "gatsby-plugin-translate-urls"

仔细检查命名和导入类型

于 2021-09-15T09:27:46.510 回答