[英]Webpack Express Cannot Resolve Module 'fs', Request Dependency is Expression
When I include Express in my project I always get these errors when I try to build with webpack. 当我在项目中包含Express时,当我尝试使用webpack进行构建时,总是会遇到这些错误。
webpack.config.dev.js webpack.config.dev.js
var path = require("path")
module.exports = {
entry: {
"server": "./server/server.ts"
},
output: {
path: path.resolve(__dirname, "dist"),
filename: "bundle.js",
publicPath: "/public/"
},
module: {
loaders: [
{
test: /\.ts(x?)$/,
exclude: /node_modules/,
loader: "ts-loader"
}, {
test: /\.js(x?)$/,
exclude: /node_modules/,
loader: "babel-loader"
}, {
test: /\.json$/,
loader: "json-loader"
}, {
test: /\.scss$/,
exclude: /node_modules/,
loaders: ["style-loader", "css-loader", "postcss-loader", "sass-loader"]
}, {
test: /\.css$/,
loader: ["style-loader", "css-loader", "postcss-loader"]
}, {
test: /\.(jpe?g|gif|png|svg)$/i,
loader: 'url-loader?limit=10000'
}
]
}
}
I've tried: 我试过了:
Read somewhere to change the node fs property. 阅读某处以更改节点fs属性。 It removes the error warnings but I don't think this is a good permanent solution.
它消除了错误警告,但是我认为这不是一个很好的永久解决方案。
module.exports = { node: { fs: "empty" } }
Time: 2496ms Asset Size Chunks Chunk Names bundle.js 761 kB 0 [emitted] server bundle.js.map 956 kB 0 [emitted] server + 119 hidden modules 时间:2496ms资产大小块块名称bundle.js 761 kB 0 [已发出]服务器bundle.js.map 956 kB 0 [已发出]服务器+ 119个隐藏模块
WARNING in ./~/express/lib/view.js Critical dependencies: 78:29-56 the request of a dependency is an expression @ ./~/express/lib/view.js 78:29-56 ERROR in ./~/express/lib/view.js ./~/express/lib/view.js中的警告关键依赖项:78:29-56依赖项的请求是一个表达式@ ./~/express/lib/view.js 78:29-56 ./中的错误〜/ express / lib / view.js
Module not found: Error: Cannot resolve module 'fs' in /Users/clementoh/Desktop/boilerplate2/node_modules/express/lib @ ./~/express/lib/view.js 18:9-22 ERROR in ./~/send/index.js 找不到模块:错误:无法解析/ Users / clementoh / Desktop / boilerplate2 / node_modules / express / lib @ ./~/express/lib/view.js中的模块'fs'18:9-22 ./~/中的错误发送/ index.js
Module not found: Error: Cannot resolve module 'fs' in /Users/clementoh/Desktop/boilerplate2/node_modules/send @ ./~/send/index.js 24:9-22 ERROR in ./~/etag/index.js 找不到模块:错误:无法解析/ Users / clementoh / Desktop / boilerplate2 / node_modules / send @ ./~/send/index.js中的模块'fs'24:9-22 ./~/etag/index中的错误。 js
Module not found: Error: Cannot resolve module 'fs' in /Users/clementoh/Desktop/boilerplate2/node_modules/etag @ ./~/etag/index.js 22:12-25 ERROR in ./~/destroy/index.js 找不到模块:错误:无法解析/ Users / clementoh / Desktop / boilerplate2 / node_modules / etag @ ./~/etag/index.js 22:12-25中的模块'fs'./~/destroy/index中的错误。 js
Module not found: Error: Cannot resolve module 'fs' in /Users/clementoh/Desktop/boilerplate2/node_modules/destroy @ ./~/destroy/index.js 14:17-30 ERROR in ./~/mime/mime.js 找不到模块:错误:无法解析/ Users / clementoh / Desktop / boilerplate2 / node_modules / destroy @ ./~/destroy/index.js中的模块'fs'14:17-30 ./~/mime/mime中的错误。 js
Module not found: Error: Cannot resolve module 'fs' in /Users/clementoh/Desktop/boilerplate2/node_modules/mime @ ./~/mime/mime.js 2:9-22 找不到模块:错误:无法解析/ Users / clementoh / Desktop / boilerplate2 / node_modules / mime @中的模块'fs'。/〜/ mime / mime.js 2:9-22
Just posting an answer, since not everyone reads comments on SO. 只是发布答案,因为不是每个人都阅读有关SO的评论。 @Aurora0001 nailed it.
@ Aurora0001钉了它。 Webpack's config needs to have this set:
Webpack的配置需要进行以下设置:
"target": "node"
I am on a stack Angular 2 - Electron - Webpack and I needed to use fs into my service, I finally found how to do : 我在堆栈Angular 2-Electron-Webpack上,我需要在服务中使用fs,我终于找到了怎么做:
1) inside your webpack.common.js, specify target:'electron-renderer'
1)在您的webpack.common.js中,指定
target:'electron-renderer'
2) inside your service or component : import * as fs from 'fs';
2)在您的服务或组件内部:
import * as fs from 'fs';
and use fs as would do for a node project. 并像对节点项目那样使用fs。
Hope it help ! 希望对您有所帮助!
I solved this problem by two steps: 我通过两个步骤解决了这个问题:
Delete node_modules
directory 删除
node_modules
目录
Add target:'node'
into webpack config file 将
target:'node'
添加到webpack配置文件中
Then run npm install
. 然后运行
npm install
。 It worked for me fine. 对我来说很好。
I added node: { fs: 'empty' }
without luck, 我添加了
node: { fs: 'empty' }
没有运气,
then I added --config to start command: 然后我添加了--config来启动命令:
webpack-dev-sever webpack.config.dev.js
Use --config flag to use the custom file. 使用--config标志使用自定义文件。
webpack-dev-sever --config webpack.config.dev.js
The solution for me was to hack the Angular-CLI module to spoof the missing node modules. 对我来说,解决方案是破解Angular-CLI模块,以欺骗丢失的节点模块。
After installing locate the following file: 安装后,找到以下文件:
node_modules/@angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs/browser.js
Find the node
line and add this: 找到
node
行并添加以下内容:
node: { crypto: true, stream: true, fs: 'empty', net: 'empty' }
And that's it!!! 就是这样!!!
Note: You will need to do this patch every time you update the package. 注意:每次更新软件包时,都需要执行此补丁程序。 So use this script:
因此,使用以下脚本:
package.json package.json
"scripts": {
...
"postinstall": "node patch-webpack.js"
...
}
patch-webpack.js patch-webpack.js
const fs = require('fs');
const f = 'node_modules/@angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs/browser.js';
fs.readFile(f, 'utf8', function (err,data) {
if (err) {
return console.log(err);
}
let result = data.replace(/node: false/g, "node: {crypto: true, stream: true, fs: 'empty', net: 'empty'}");
fs.writeFile(f, result, 'utf8', function (err) {
if (err) return console.log(err);
});
});
Source: https://blog.lysender.com/2018/07/angular-6-cannot-resolve-crypto-fs-net-path-stream-when-building-angular/ 来源: https : //blog.lysender.com/2018/07/angular-6-cannot-resolve-crypto-fs-net-path-stream-when-building-angular/
添加"target": "node",
是将其添加到webpack.config.js
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.