将js文件导入ts文件

Question

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

得到以下错误：

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.

input-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;
    }
}

1. 在您的tsconfig.json 中禁用noImplicitAny：

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

1. 像这样导入：

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;
    }
}

1. 在您的tsconfig.json 中禁用noImplicitAny：

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

1. 像这样导入：

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