將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';