打字稿泛型函数和索引参数

Question

我有以下package.json：

{ 
    "name": "browserify-test", 
    "version": "1.0.0", 
    "description": "", 
    "main": "dist/index.js", 
    "typings": "dist/index.d.ts", 
    "scripts": { 
     "build:tsc": "tsc --outDir dist", 
     "build:browser": "browserify src/index.ts -p tsify --standalone MyLib > dist/myLib.js" 
    }, 
    "devDependencies": { 
     "browserify": "^14.0.0", 
     "tsify": "^3.0.0", 
     "typescript": "^2.1.5" 
    } 
} 

继tsconfig.json：

{ 
    "compilerOptions": { 
     "noImplicitAny": true, 
     "module": "commonjs", 
     "target": "ES5", 
     "emitDecoratorMetadata": true, 
     "experimentalDecorators": true, 
     "sourceMap": true, 
     "declaration": true 
    } 
} 

文件src/evets.d.ts：

export interface MyEvent { 
    name: string 
} 

最后切入点src/index.js：

import * as events from './events'; 

export class MyLibrary { 
    public test(eventInstance: events.MyEvent) { 
     console.log(eventInstance); 
     console.log(events); 
    } 
} 

构建纯打字稿版本的作品。 SO命令npm run build:tsc作品完美，但努力建立与browserify，所以调用npm run build:browser我得到以下错误：

> [email protected] build /home/aszmyd/tmp/browserify-test 
> browserify src/index.ts -p tsify --standalone MyLib > dist/myLib.js 

Error: Cannot find module './events' from '/home/aszmyd/tmp/browserify-test/src' 

似乎browserify不能正常消耗与d.ts扩展类型定义文件。

---

上面的例子在两种情况下WORKS：

1. 当index.ts我导入像这样：import * as events from './events.d;（注意结束.D）

2. 在i除去console.log(events);行（？！） - 它如何使用events.***类型但不能使用整个集合（别名）？

---

我想我在这里失踪的东西假，但即时通讯缺乏创意。

Answer 1

运行

import * as events from './events'; 

尝试导入称为打字稿文件“events.ts”位于同一目录中导入文件。那是因为它是一个相对路径。

（进口./events.d将在同一目录中导入events.d.ts，解释了为什么“它的工作原理”）

要导入外部模块，import语句是使用模块名（不是路径）制成。因此，对于一个被称为“事件”模块，import语句会

import * as events from 'events' 

当导入外部模块，编译器会寻找一个定义文件“输入”模块。根据模块的结构，这个文件可能是一个内部模块定义，看起来像你的'event.d.ts'或外部模块定义文件，它更可能看起来像

declare module 'events' { 
    export interface MyEvent { 
     name: string 
    } 
}