javascript - 如何在我的 Angular 4.x 项目中使用 js 库作为模块？

Question

例如，这是我的 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

Answer 1

I'll see the error: Cannot find module 'Test'.

您已声明模块'test'{，但您正在导入Test(请注意test与Test<的大小写差异)。