如何解决webpackerror:找不到模块:错误:无法解决问题' fs'在..?

时间:2018-02-07 02:40:57

标签: webpack webpack-dev-server webpack-3

我正在尝试使用webpack(3.10)/ dllreference插件。我跑的时候:

  

npm run build:dll&& webpack-dev-server --config webpack.dev.js   --watch --progress

我明白了:

ERROR in ./node_modules/babel-core/lib/api/node.js
Module not found: Error: Can't resolve 'fs' in '/Users/johnny/NG6-starter/node_modules/babel-core/lib/api'
 @ ./node_modules/babel-core/lib/api/node.js 72:10-23
 @ ./node_modules/babel-core/index.js
 @ ./node_modules/babel-loader/lib/index.js
 @ ./client/vendors.js
 @ dll vendor

这是我的webpack.dev.js:

var path = require("path");
var webpack = require("webpack");

module.exports = {
  devServer: {
    contentBase: path.join(__dirname, "dist"),
    compress: true,
    port: 9000
  },
  cache: true,
  devtool: "eval", //or cheap-module-eval-source-map
  entry: {
    app: path.join(__dirname, "client/app", "app.js")
  },
  output: {
    path: path.join(__dirname, "dist"),
    filename: "newapp.js",
    chunkFilename: "[name].js"
  },
  plugins: [
    //Typically you'd have plenty of other plugins here as well
    new webpack.DllReferencePlugin({
      context: path.join(__dirname, "client"),
      manifest: require("./dll/vendor-manifest.json")
    }),
  ],
  module: {
    loaders: [
      {
        test: /\.js?$/,
        loader: "babel-loader",
        include: [
          path.join(__dirname, "client") //important for performance!
        ],
        query: {
          cacheDirectory: true, //important for performance
          plugins: ["transform-regenerator"],
          presets: ["es2015", "stage-0"]
        }
      },
      { test: /\.(scss|sass)$/, loader: 'style-loader' },
      { test: /\.html$/, loader: 'raw-loader' },
      { test: /\.css$/, loader: 'css-loader' }
    ]
  },
  resolve: {
    extensions: [".js"]
  }
};

如何解决此错误

0 个答案:

没有答案