将js文件导入ts文件

Question

我已经阅读了有关此的几篇文章。 我的方法昨天有效，但今天却失败了。 我正在将js文件导入ts文件。 allowJs设置为true在tsconfig.json 。

出现以下错误：

ERROR in src/app/core/input-parser.service.ts(5,26): error TS2497: Module '".../dashboard/shared/models/ecn-info"' resolves to a non-module entity and cannot be imported using this construct.

输入parser.service.ts：

import * as EcnInfo from '../../../../shared/models/ecn-info';

ECN-info.js：

class EcnInfo {
  constructor(name, structure, status) {
    this.name = name;
    this.structure = structure;
    this.status = status;
  }
}

module.exports = EcnInfo;

Answer 1

1. 在ecn-info.js文件中使用export default ：

export default class EcnInfo {
    constructor(name, structure, status) {
        this.name = name;
        this.structure = structure;
        this.status = status;
    }
}

2. 禁用noImplicitAny在tsconfig.json ：

{
  "compilerOptions": {
    "noImplicitAny": false
    ...
  }
}

3. 像这样导入：

import EcnInfo from '../../../../shared/models/ecn-info';

更新

这是一种不使用默认导出的方法：

1. 在ecn-info.js文件中使用export ：

export class EcnInfo {
    constructor(name, structure, status) {
        this.name = name;
        this.structure = structure;
        this.status = status;
    }
}

2. 禁用noImplicitAny在tsconfig.json ：

{
  "compilerOptions": {
    "noImplicitAny": false
    ...
  }
}

3. 像这样导入：

import {EcnInfo} from '../../../../shared/models/ecn-info';