Javascript 使用create react应用程序的多模块项目

我有一个名为

Frontend Core Components

的项目，其中包含我的应用程序组件

我有另一个项目（现在就叫它

Alpha

），它包含

AlphaApiService

，我通过它的道具将其传递给应用程序组件，我在Alpha的

index.tsx

Alpha

使用Create-react应用程序，我正在使用rescript修改网页包配置，将前端核心组件添加为一个模块，在这个网页包配置中，我使用

resolve.alias

将导入从Alpha

index.tsx

映射到

前端核心组件

这一切似乎都是可行的，除了当我从Alpha项目运行构建时，我遇到以下问题

  SyntaxError: /Users/coolguy/project/alpha/src/index.tsx: Unexpected token (9:11)

   7 |
   8 | window.onload = () => {
>  9 |     render(<App apiService={new AlphaApiService()} />, 
document.getElementById('root'))
         |                    ^
      10 | }
      11 |

SyntaxError:/Users/coolguy/project/alpha/src/index.tsx:意外标记（9:11）
7 |
8 | window.onload=（）=>{
>9 |渲染（，
document.getElementById（'root'））
|                    ^
10 | }
11 |

有什么想法吗？
导入模块之前，您需要编译导入模块

我建议签出这个项目来创建React组件库

或者您可以在
ts加载器
（或
babel加载器
）规则中使用
前端核心组件