如何在我的angular 4.x项目中将js库用作模块?

时间:2018-08-27 05:15:35

标签: javascript angular typescript import module

例如,这是我的test.js文件:

function test() { console.log('Test is working!'); };

这是我旁边的test.d.ts文件:

declare module 'test' {
export function test(): void;
};

但是当我尝试在我的app.component.ts中使用此模块时,

import {Component, OnInit} from '@angular/core';
import * as Test from 'test';

@Component({
 selector: 'app-root',
 templateUrl: './app.component.html',
 styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit{
 title = 'app';
 a = Test;

 ngOnInit() {
  this.a.test();
 }
}

我将看到找不到模块:错误:无法解析“测试”。 顺便说一下,这是我的StackBlitz的项目链接: Link of above project

1 个答案:

答案 0 :(得分:1)

  

我会看到错误:找不到模块“测试”。

您有declare module 'test' {,但您是导入的Test(请注意,testTest的区别)。