我也遇到了错误:无法写入文件'xx\xxx.js'，因为它会覆盖输入文件。

我发现:

如果未指定outDir， .js文件将在生成它们的.ts文件的同一目录中生成。

为了避免意外覆盖源文件，编译器将显示此错误。

您需要指定outDir，或者设置noEmit: true，以避免生成类似JavaScript源代码的编译器输出文件。

outDir集。

"outDir": "./",

这个提示是，如果您不设置outDir，那么输出将直接放在输入文件的旁边。allowJs之后，JavaScript文件也会被编译。然后，编译后的JavaScript文件将覆盖源文件。这只是在提醒你。

在我的例子中，我只是把"module": "commonjs"改为"module": "esnext"，它就修复了它。

如果你在一个大的代码或monorepo中工作，有时只是重新启动你的编辑器就足够了，或者如果你使用vscode重新启动typescript语言服务器。

添加"outDir": "。/dist”到tsconfig中的compilerOptions。json为我工作时，我得到这个错误。我很确定这只是Visual Studio Code TypeScript扩展输出这个错误。我使用ts-loader与Webpack，而不是tsc编译器直接，所以我不必指定outDir，因为Webpack配置控制，但如果这使VS Code扩展高兴，这是好的。

这有几个可能的原因。

In your tsconfig.json: Set outDir to "dist" or the name of another same-level folder. (prefixing with './' is unnecessary). This is where the build files go. Set allowJs to false or delete the line. Note: enabled, allowJs will conflict with the declaration setting/flag. It isn't enabled by default. Include "dist" (or your build folder) in exclude. In your package.json: Set main to "index" or some other chosen name. Don't prefix with the build folder (eg "dist/index"), nor the unnecessary "./". Set types (modern alias of typings) to "index". Adding the extensions (.d.ts or .js) is unnecessary.

虽然你可以有一百万种不同的方法，但是为了简单和加深理解，最好一开始坚持常用的实践——比如使用“dist”，简单的tsconfig。Json和包。Json文件在树的同一级别，以此类推。当然，查找node_modules的文件也会加深您的理解，但生活中还有更有意义的事情。