Node.js Webpack和TypeScript:无法解析模块'；child#u过程'；在node.d.ts中

我试图让webpack、typescript和react.js通过一起工作，但我经常出错

我在0.3.0-rc.2版和webpack 1.8.9版上使用了非常棒的typescript加载程序

这是我的webpack.config.js：

module.exports = {
    entry: './ui/index.ts',
    output: {
        path: __dirname + '/build-ui',
        filename: 'app.js',
        publicPath: 'http://localhost:8090/assets'
    },
    module: {
        loaders: [
            {
                test: /\.jsx$/,
                loader: 'jsx-loader?insertPragma=React.DOM&harmony'
            },
            {
                test: /\.css$/,
                loader: "style-loader!css-loader"
            },
            {
                test: /\.scss$/,
                loader: "style-loader!css-loader!sass-loader"
            },
            {
                test: /\.(png|jpg)$/,
                loader: 'url-loader?limit=8192'
            },
            {
                test: /\.ts$/,
                loader: 'awesome-typescript-loader'
            }
        ]
    },
    resolve: {
        extensions: ['', '.js', '.jsx', '.ts']
    }
};

运行webpack dev服务器时，我的index.ts如下所示：

alert('hello');

它指出以下错误：

ERROR in ./ui/index.ts
/Users/..../typings/node/node.d.ts:29:12 
Subsequent variable declarations must have the same type.  Variable 'require' must be of type 'WebpackRequire', but here has type '{ (id: string): any; resolve(id: string): string; cache: any; extensions: any; main: any; }'.

当我放入参考路径时也是如此

当我试图通过

import-React=require（'React'）导入React.js时它声明：

ERROR in ./ui/index.ts
Module build failed: Cannot resolve module 'child_process' in /..../typings/node
    Required in /..../typings/node/node.d.ts

我从加载程序repo复制了node.d.ts文件，仍然没有成功

有没有人能顺利完成这一组合？或者我应该使用不同的web打包机吗？
我真的很想让它与webpack一起工作
免责声明：我是
tsloader
的维护者，请尝试创建
tsconfig.json
文件

例如，当您使用
awesome typescript loader
时，应该可以：

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "sourceMap": true,
    "noEmitHelpers": true
  },
  "exclude": [
    "node_modules"
  ],
  "awesomeTypescriptLoaderOptions": {
    "forkChecker": true
  },
  "compileOnSave": false,
  "buildOnSave": false,
  "atom": { "rewriteTsconfig": false }
}

您所缺少的只是一个键
目标：“节点”

这将确保您的目标环境是Node.js而不是浏览器，因此将忽略本机依赖项

最终配置：


module.exports={
条目：'./ui/index.ts'，
目标：'节点'，
输出：{
路径：uu dirname+'/build ui'，
文件名：“app.js”，
公共路径：'http://localhost:8090/assets'
},
模块：{
装载机：[
{
测试：/\.jsx$/,，
loader:'jsx loader？insertPragma=React.DOM&harmony'
},
{
测试：/\.css$/,，
加载器：“样式加载器！css加载器”
},
{
测试：/\.scss$/,，
加载器：“样式加载器！css加载器！sass加载器”
},
{
测试：/\（png | jpg）$/，
加载器：“url加载器？限制=8192”
},
{
测试：/\.ts$/,，
加载器：“很棒的类型脚本加载器”
}
]
},
决心：{
扩展名：['''''.js'，'.jsx'，'.ts']
}
};