Webpack Express无法解析模块'fs',请求依赖是表达式

Cle*_*ent 28 javascript node.js webpack

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

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'
      }
    ]
  }
}
Run Code Online (Sandbox Code Playgroud)

我试过了:

  1. 安装'fs'但它不起作用
  2. 读取某处以更改节点fs属性.它删除了错误警告,但我不认为这是一个很好的永久解决方案.

    module.exports = {
      node: {
        fs: "empty"
      }
    }
    
    Run Code Online (Sandbox Code Playgroud)

    时间:2496ms资产大小Chunks Chunk Names bundle.js 761 kB 0 [emit] server bundle.js.map 956 kB 0 [emit] server + 119 hidden modules

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

    找不到模块:错误:无法解析/ Users/clementoh/Desktop/boilerplate2/node_modules/express/lib @ ./~/express/lib/view.js 18:9-22错误中的模块'fs'./~/发送/ index.js

    找不到模块:错误:无法解析/ Users/clementoh/Desktop/boilerplate2/node_modules/send @ ./~/send/index.js 24:9-22中的模块'fs'./~/etag/index中的错误. JS

    找不到模块:错误:无法解析/ Users/clementoh/Desktop/boilerplate2/node_modules/etag @ ./~/etag/index.js 22:12-25中的模块'fs'./~/destroy/index中的错误. JS

    找不到模块:错误:无法解析/ Users/clementoh/Desktop/boilerplate2/node_modules/destroy @ ./~/destroy/index.js 14:17-30中的模块'fs'./~/mime/mime中的错误. JS

    找不到模块:错误:无法解析/ Users/clementoh/Desktop/boilerplate2/node_modules/mime @ ./~/mime/mime.js 2:9-22中的模块'fs'

Chr*_*ies 52

只是发布一个答案,因为不是每个人都阅读SO的评论.@ Aurora0001钉了它.Webpack的配置需要有这个设置:

"target": "node"
Run Code Online (Sandbox Code Playgroud)

  • 如果我正在构建Web应用程序,将目标设置为"节点"是否正确? (10认同)
  • @AbhishekNalin不,不是.你应该设置`target:web` (5认同)
  • 我应该在 webpack.config 的哪里添加这个? (2认同)
  • 这只是隐藏问题,无法解决。 (2认同)
  • 这将产生另一个问题 (2认同)