gpt4 book ai didi

node.js - Webpack 和 TypeScript : Cannot resolve module 'child_process' in node. d.ts

转载 作者:搜寻专家 更新时间:2023-10-30 20:37:56 25 4
gpt4 key购买 nike

我试图通过 awesome-typescript-loader 让 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 开发服务器时,我的 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

我从 loader 仓库复制了 node.d.ts 文件,还是不行。

有没有人能够让这个组合顺利工作?或者我应该只使用不同的网络打包器吗?我真的很想让它与 webpack 一起工作。

最佳答案

您只缺少一个键 target: 'node'

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

最终配置:

module.exports = {
entry: './ui/index.ts',
target: 'node',
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']
}
};

关于node.js - Webpack 和 TypeScript : Cannot resolve module 'child_process' in node. d.ts,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30000827/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com