当有嵌套的 package.json 文件时，Babel 不会编译文件

Question

我正在使用 WebPack、Babel 和 React。我有一个如下所示的文件夹结构

node_modules/
.babelrc
package.json
    SomeThirdPartyFolder/
        node_modules/
        package.json  
        src/
           FileA.js

我想使用具有 jsx 内容的 FileA，但是它的行为好像 Babel 不存在，即它在下面产生了编译错误

  return (
      <div className etc

如果我删除 SomeThirdPartyFolder 中的 package.json 那么它会编译

显然这不是真实情况，但我想了解这里发生了什么

Answer 1

（基于 loganfsmyth 的评论）

我已将 .babelrc 文件转换为 babel.config.js 文件，现在它似乎可以工作。.babelrc 文件是

{
    "presets": [
        "@babel/preset-env",
        "@babel/preset-react"
    ],
    "plugins": [
        [
            "@babel/plugin-proposal-class-properties",
            {
                "loose": true
            }
        ]
    ]
}

替换文件是

module.exports = function (api)
{
    api.cache(true);

    const presets = [
        "@babel/preset-env",
        "@babel/preset-react"
    ];
    const plugins = [
        [
            "@babel/plugin-proposal-class-properties",
            {
                "loose": true
            }
        ]
    ];

    return {
        presets,
        plugins
    };
}