使用 TypeScript 创建 React App 以从 node_modules 编译代码

Question

我使用 CRA 和 typescript 创建了新项目。我从我的私有存储库添加了 npm 依赖项，package.json common-ui": "git@github.com:someorg/common-ui.git#develop"因为我想在两个项目之间重用一些代码。我这个仓库有一个简单的文件结构。我只想在两个项目中包含一些文件，因为它们很常见。我无法让它一起工作。我收到“您可能需要适当的加载程序来处理此文件类型”错误。所以我弹出了 CRA 并像这样更改了 webpack 配置

            // Process application JS with Babel.
            // The preset includes JSX, Flow, TypeScript, and some ESnext features.
            {
              test: /\.(js|mjs|jsx|ts|tsx)$/,
              include: paths.appPath,
              loader: require.resolve('babel-loader'),

我想将所有文件包含在 babel-loader 中。现在我收到另一个错误“SyntaxError: ...Unexpected token”。看起来它无法识别 TypeScript。知道如何让它发挥作用吗？使用 CRA 和 npm 附带的 TypeScript 存储库创建的应用程序。