Webpack Express 无法解析模块 'fs'，请求依赖是表达式 [英] Webpack Express Cannot Resolve Module 'fs', Request Dependency is Expression

问题描述

当我在我的项目中包含 Express 时，当我尝试使用 webpack 构建时，我总是遇到这些错误.

When I include Express in my project I always get these errors when I try to build with 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'
      }
    ]
  }
}

我试过了:

1. 正在安装fs"但它不起作用

2. 读取某处以更改节点 fs 属性.它删除了错误警告，但我认为这不是一个好的永久解决方案.

1. Installing 'fs' but it doesn't work

2. Read somewhere to change the node fs property. It removes the error warnings but I don't think this is a good permanent solution.

module.exports = {
  node: {
    fs: "empty"
  }
}

时间:2496ms资产大小块块名称bundle.js 761 kB 0 [发出] 服务器bundle.js.map 956 kB 0 [发射] 服务器+ 119 个隐藏模块

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

./~/express/lib/view.js 中的警告关键依赖:78:29-56 依赖的请求是一个表达式@ ./~/express/lib/view.js 78:29-56./~/express/lib/view.js 中的错误

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

未找到模块:错误:无法解析/Users/clementoh/Desktop/boilerplate2/node_modules/express/lib 中的模块fs"@ ./~/express/lib/view.js 18:9-22./~/send/index.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/send 中的模块fs"@ ./~/send/index.js 24:9-22./~/etag/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/etag 中的模块fs"@ ./~/etag/index.js 22:12-25./~/destroy/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/destroy 中的模块fs"@ ./~/destroy/index.js 14:17-30./~/mime/mime.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/mime 中的模块fs"@ ./~/mime/mime.js 2:9-22

Module not found: Error: Cannot resolve module 'fs' in /Users/clementoh/Desktop/boilerplate2/node_modules/mime @ ./~/mime/mime.js 2:9-22

推荐答案

只是发布一个答案，因为不是每个人都会阅读关于 SO 的评论.@Aurora0001 搞定了.Webpack 的配置需要有这个设置:

Just posting an answer, since not everyone reads comments on SO. @Aurora0001 nailed it. Webpack's config needs to have this set:

"target": "node"

这篇关于Webpack Express 无法解析模块 'fs'，请求依赖是表达式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！