2

我正在尝试将 Angular JavaScript (ES5) 项目逐步迁移到 TypeScript 2.0，并且必须承认我非常挣扎。
所以首先我将 index.js 更改为 index.ts 并使用推荐的安装 typings ( npm install --save @types/node) 的方法而不是旧的 typings.json 方式。

构建设置使用gulpwith browserify，现在引入tsify和 ，babelify正如这里所建议的那样。

浏览器化 

//...
.plugin(tsify)
.transform(babelify, {
      presets: ['es2015'],
      extensions: ['.ts', '.js']
})
//...

tsconfig.json

{
"files": [
    "assets/app/index.ts"
],
"compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false
}
}

但是构建失败：

TypeScript 错误：.tmp/public/app/index.ts(4,15)：错误 TS2304：找不到名称“require”。

tsify似乎没有将安装的类型复制到输出目录，这会导致上述错误。
关于如何解决问题的任何建议？

编辑
将node_modules/@types文件夹复制到我的 C: 驱动器的根目录可以消除错误，但我不知道为什么......

4

1 回答 1

1

如果有人遇到同样的问题：

在tsconfig.json中显式添加typesRoot选项修复了它。 

"typeRoots" : ["./node_modules/@types"]

这个“应该”是默认设置，但由于某种原因，它会搜索 C: 驱动器根目录下的 @types 文件夹。

来自 TypeScript 文档：

如果指定了 typesRoots，则仅包含 typeRoots 下的包。

于 2016-10-20T12:46:02.503 回答