从git subModule存储库导入react组件

Question

我有一个用react开发的父存储库，并且我里面有一个子Sub Module（也由react开发）：

项目文件夹的结构如下：

parent 
  /.git
  /nodemodule
  /src
  /subModules/childProject
     /.git
     /src
       /js
         /x.jsx //  i want this file from parent project
     /...
  /...

我想访问并使用父项目中的x.jsx组件。我像在我的父项目中的打击一样导入它：

import X from '../subModules/childProject/src/js/x.jsx'
但是它给了我unexpected token！

   7 |   return (
>  8 |     <article className="center">
     |     ^
   9 |       this is test global component with in child Project
  10 |     </article>
  11 |   )
它看起来无法对其进行转换，因为我仅以旧的JavaScript方式编写了一个测试函数，例如：

export default function test(x) {
  return x * 2
}
它导入时没有任何错误并且可以正常工作，但是当我以如下所示的箭头样式编写函数时：

export default function test(x) => x * 2
无效。似乎只是编译模块的运行时错误，我该如何将子subModule的组件进行转换并将其导入父存储库中？？？
任何帮助将不胜感激！

我有一个用React开发的父存储库，并且我里面有一个子Sub Module（也由react开发）：项目文件夹结构如下所示：parent /.git / ...

] >

问题是babel不知道项目根目录中有一个子模块项目，只需将我的.babelrc文件更改为babel.config.js并通过babelrcRoots配置它，我就可以解决

问题：

现在我的babel.config.js文件看起来像这样：

module.exports = {
  "presets": [
    "@babel/preset-react",
    "@babel/preset-env"
  ],
  "plugins": [
    "@babel/plugin-proposal-class-properties",
    "@babel/plugin-proposal-object-rest-spread"
  ],
  "babelrcRoots": [ "./", "./subModules/Bidding" ]
}
并且它就像一个魅力！

Answer 1

问题是babel不知道项目根目录中有一个子模块项目，只需将我的.babelrc文件更改为babel.config.js并通过babelrcRoots配置它，我就可以解决