2016-04-23 113 views
6

我试图在使用标准节点库的TypeScript中为节点编写一个包,例如fspath,stream,http等等。如何在TypeScript中正确要求并声明节点库类型?

当我尝试在.ts文件中导入库时,VS Code会将相应行标记为错误:
[ts] Cannot find module 'fs'。 出现这种情况,无论我怎么尝试导入库:

import * as fs from 'fs'; // [ts] Cannot find module 'fs' 
import fs = require('fs'); // [ts] Cannot find module 'fs' 
const fs = require('fs'); // [ts] Cannot find name 'require' 

enter image description here

我(应该)与typings install --save --ambient node安装了正确的定义。

当我编译成JavaScript(使用gulpgulp-typescript,不tsc),该compliation 工作语法高亮显示没有错误,直到我在1个字再次键入:

enter image description here

如何正确定义TypeScript的节点库?


我使用VS代码代码高亮和自动完成,gulp & gulp-typescript编译和typings为打字稿库声明。

该项目的目录结构:

├─ build/ 
│ └─ (output files) 
├─ src/ 
│ └─ myfile.ts 
├─ typings/ 
│ ├─ browser/ 
│ │ └─ ambient/ 
│ │  └─ node/ 
│ │  └─ index.d.ts 
│ ├─ main/ 
│ │ └─ ambient/ 
│ │  └─ node/ 
│ │  └─ index.d.ts 
│ ├─ browser.d.ts 
│ └─ main.d.ts 
├─ gulpfile.js 
├─ package.json 
├─ tsconfig.json 
└─ typings.json 

tsconfig.json

{ 
    "compileOnSave": false, 
    "compilerOptions": { 
     "declaration": true, 
     "module": "system", 
     "moduleResolution": "node", 
     "noEmitOnError": true, 
     "noImplicitAny": true, 
     "target": "es5" 
    }, 
    "exclude": [ 
     "node_modules", 
     "typings/browser", 
     "typings/browser.d.ts" 
    ] 
} 

typings.json

{ 
    "ambientDependencies": { 
    "node": "registry:dt/node#4.0.0+20160412142033" 
    } 
} 

而且我一饮而尽任务:

gulp.task('build-typescript',() => { 
    const gulpts = require('gulp-typescript'); 
    const tsProject = gulpts.createProject('tsconfig.json', { 
     typescript: require('typescript'), 
     outFile: 'mylibrary.js', 
     noLib: true 
    }); 

    let tsstream = (
     gulp.src([ 
      'node_modules/typescript/lib/lib.es6.d.ts', 
      'typings/main.d.ts', 
      'src/sharpscript.ts']) 
     .pipe(sourcemaps.init()) 
     .pipe(gulpts(tsProject)) 
    ); 

    return require('merge2')(
     tsstream.dts.pipe(gulp.dest('build')), 
     tsstream.js 
      .pipe(sourcemaps.write('.', { includeContent: true })) 
      .pipe(gulp.dest('build')) 
    ); 
}); 

如果有人遇到同样的问题,我很感激任何见解。

+0

'tsc'命令的结果是什么? – alisabzevari

+0

如果您使用的是VSCode的旧版本,则必须在VSCode中运行“Reload Typescript Project”命令。 – alisabzevari

+0

@alisabzevari由于我编译项目到'mylibrary.js'和测试(在相同的文件夹中)到'mylibrary.tests.js',这是'tsc'不可能的,所以我不使用'tsc'编译。我使用'gulp-typescript'。 –

回答

1

安装类型声明'typings install ...'已经过时几个月了。新的方法是直接通过npm和@types命名空间来安装它。安装节点类型声明只需使用npm install @types/node --save-dev