TypeScript 不解析 react-native-web 代码

Question

Already tried suggestions here and here with no luck

我有一个目录结构如下的项目：

.
  - /app
  - /web

app 是一个反应本机应用程序（手动创建，而不是 create-react-native-app）。

web 是使用 create-react-app.

创建的 React 应用程序

两者都使用 TypeScript。

我正在尝试使用 react-native-web 在 web 应用程序中呈现来自 app 的组件，但 TypeScript 似乎没有解析文件，因为我收到此错误:

You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| 
> export type Props = {

鉴于 TypeScript 在 app 和 web 中独立运行良好，我不确定我遗漏了什么。该项目的一个小怪癖是，因为 create-react-app 不允许从其自己的 src 文件夹外部进行相对导入，所以我不得不使用 npm link app 符号链接 app web 目录以导入应用程序组件。

不确定这是否是导致问题的原因，但我很困惑，所以非常感谢任何建议。

Answer 1

解决方案最终是将 ts-loader 添加到我的 React for web 应用程序的 webpack 配置中。由于 create-react-app 不允许修改其配置文件，这变得稍微困难了一些，但我能够使用 react app rewired

来做到这一点

我还必须将 TypeScript 的 noEmit 更改为 false 以确保 tsc 用于编译和类型检查（也必须在 react-app-rewired 中执行此操作，因为 CRA 会覆盖如果您尝试更改 tsconfig.json 中的设置）。

考虑到 TypeScript 在 Web 和移动应用程序中的解析非常好，我仍然有点困惑为什么需要这样做。

TypeScript 不解析 react-native-web 代码

TypeScript not parsing react-native-web code

reactjs

typescript

react-native

react-native-web