我们可以在使用 typescript (ts,tsx) 构建的现有项目中使用 javascript 文件吗？答案

【问题标题】：Can we use javascript files in existing project built using typescript (ts,tsx)?我们可以在使用 typescript (ts,tsx) 构建的现有项目中使用 javascript 文件吗？
【发布时间】：2021-08-27 04:43:09
【问题描述】：

我被分配了一项任务，将一些页面添加到使用构建的现有项目中 Laravel: 8.12 React: 17.0.2 NextJS: 10.0.9 Tailwind CSS: 2.0.4 React Query: 3.13.0 [ REST] TypeScript: 4.2.3

问题是我不知道我是否可以在代码库中添加 javascript 文件，如果有可能我需要进行哪些更改才能使其同时使用 typescript 和 javascript？

【问题讨论】：

有多种方法可以做到这一点。您可以禁用某些 typescript 功能使其向后兼容 javascript，或者添加 .d 文件来注释 javascript 库的类型
.d 与 js 文件？
Typescript 声明文件* 最重要的是，您应该在 tsconfig 中将 allowJs 设置为 true
好的，已经设置为真了……接下来呢？
也许这有帮助：tkdodo.eu/blog/calling-java-script-from-type-script

标签： javascript typescript next.js react-query

【解决方案1】：

在 tsconfig.json 文件中，您需要添加 --allowJs flag 以便将 JavaScript 和 TypeScript 文件放在同一个代码库中。

【讨论】：

这已经是真的了....现在我可以继续这个设置了吗？
现在将 JavaScript 文件导入到您的项目中，看看是否已编译。如果您没有收到任何错误并且可以从中访问代码，那么您应该一切顺利。