Question

我以这种方式使用带有角度5.2.9的noty（https://ned.im/noty）：

import { Injectable } from '@angular/core';
import Noty = require('noty');

@Injectable()
export class NotificationService {
    private noty(options) {
        return new Noty(options).show();
    }
    ...
}

并且工作正常。

但是当我用AOT（npm run build:aot）构建时，我得到了：

ERROR in src/app/sys/util/notification.service.ts(2,1): error TS1202:  
Import assignment cannot be used when targeting ECMAScript modules.  
Consider using 'import * as ns from "mod"', 'import {a} from "mod"', 'import d from "mod"', or another module format instead.

这是一个基于https://github.com/gdi2290/angular-starter的项目使用import Noty from 'noty';时，AOT版本运行良好，但在运行npm run server时，我得到ERROR TypeError: noty_1.default is not a constructor。

node_modules / noty / index.d.ts以：

开头

declare module 'noty' {
    export = Noty;
}

declare class Noty {
    constructor(options?: Noty.Options);
...

我该如何解决这个问题？

Answer 1

我发现这是这样的：

/// <reference path="../../../../node_modules/noty/index.d.ts" />

import { Injectable } from '@angular/core';
import Noty = require('noty');

@Injectable()
export class NotificationService {
    private noty(options) {
        return new Noty(options).show();
    }
    ...
}

因为 noty 没有将 d.ts 放入node_modules / @ types / ...然后我想我必须手动引用它。

PS：还在 tsling.json 中设置"no-reference": false规则，否则会将引用标记为错误

角度5 noty和AOT

1 个答案: