angular - typescript 编译器无法跳过导入的js文件

Question

我刚开始使用 angular2 typescript ，但遇到了以下问题。我从 angular2 quickstart 项目开始，它运行良好，直到我尝试导入一个普通的 javascript 文件。我正在使用如下导入语句

import * as myModule from './mymodule.js';

我还向 tsconfig.json 文件添加了 allowJs: true 以接受 javascript 文件作为导入。编译器给出以下错误:

error TS5055: Cannot write file '.../mymodule.js' because it would overwrite input file.

据我所知，typescript 编译器不应编译此文件，因为它已经在 javascript 中，但出于某种原因我不能将其排除在编译之外。

我尝试将文件添加到 tsconfig.json 中的 exclude: [] 数组，但是因为它是在我的一个 .ts 文件中导入的，所以没有考虑到这一点(至少是这样我从 typescript 文档中了解到)。

我的问题是如何编译包含该文件的项目？有没有我缺少的设置？还是我的方法有问题？

感谢任何帮助或建议，因为这开始让我发疯

附加信息

我正在使用以下 tsconfig 文件:

{
   "compilerOptions": {
      "target": "es5",
      "module": "commonjs",
      "moduleResolution": "node",
      "sourceMap": true,
      "emitDecoratorMetadata": true,
      "experimentalDecorators": true,
      "lib": [ "es2015", "dom" ],
      "noImplicitAny": true,
      "suppressImplicitAnyIndexErrors": true
   }
}

我正在构建我的项目运行

npm run build

从控制台。这是 package.json 文件中的脚本，如下所示:

"scripts": {
   "build": "tsc -p src/",
...

按照下面@Seamus 的建议修改后，同样的错误发生。

但是

如果我只是在控制台中运行

tsc -p src/

我得到的错误是不同的:

error TS7016: Could not find a declaration file for module 'mymodule'

如果我手动执行，这看起来像是找到了模块，但问题是，为什么它不能与 npm run build 一起工作？它在做一些不同的事情吗？

Answer 1

编译器选项 allowJs将:

Allow JavaScript files to be compiled.

对于 commonjs，您需要这样的模块声明:

mymodule.d.ts

declare module "mymodule";

在您导入的源代码中:

/// <reference path="mymodule.d.ts"/>
import * as myModule from 'mymodule';

参见 "Working with Other JavaScript Libraries"在文档中。