Module not found: Error: Can't resolve 'fs'

Question

我在做一个 Laravel 5.3 项目。当我在 CMD 中执行运行 gulp 命令时出现以下错误。

谁能告诉我怎样才能得到更少错误的结果？

gulpfile.js

var elixir = require('laravel-elixir');

require('laravel-elixir-vue');

elixir(function(mix) {
    mix.sass('app.scss');
});


elixir(function(mix) {
   mix.webpack('app.js');
}); 


elixir(function(mix) {
    mix.version(['css/app.css', 'js/app.js']);
});

package.json

{
  "private": true,
  "scripts": {
    "prod": "gulp --production",
    "dev": "gulp watch"
  },
  "devDependencies": {
    "babel-core": "^6.18.2",
    "babel-loader": "^6.2.7",
    "babel-plugin-add-module-exports": "^0.2.1",
    "bootstrap": "^4.0.0-alpha.3",
    "bootstrap-sass": "^3.3.7",
    "buble": "^0.14.2",
    "gulp": "^3.9.1",
    "jquery": "^3.1.0",
    "laravel-elixir": "^6.0.0-9",
    "laravel-elixir-browserify-official": "^0.1.3",
    "laravel-elixir-vue": "^0.1.4",
    "laravel-elixir-vue-2": "^0.2.0",
    "laravel-elixir-webpack-official": "^1.0.2",
    "lodash": "^4.14.0",
    "vue": "^1.0.26",
    "vue-resource": "^0.9.3"
  },
  "dependencies": {
    "admin-lte": "^2.3.7",
    "node-sass": "^3.13.0"
  }
}

Answer 1

尝试添加

Elixir.webpack.mergeConfig({
  node: {
    fs: 'empty',
  }
});

致您的gulpfile.js。看起来这是一个已知的 webpack 问题。这是您编辑的文件：

var elixir = require('laravel-elixir');

require('laravel-elixir-vue');

Elixir.webpack.mergeConfig({
  node: {
    fs: 'empty',
  }
});


elixir(function(mix) {
    mix.sass('app.scss');
});


elixir(function(mix) {
   mix.webpack('app.js');
}); 


elixir(function(mix) {
    mix.version(['css/app.css', 'js/app.js']);
});

Answer 2

如果您使用 Laravel 5.5 或更高版本，只需添加：

mix.webpackConfig({ node: { fs: 'empty' }})

到您的 webpack.mix.js 文件。

Module not found: Error: Can't resolve 'fs'

Module not found: Error: Can't resolve 'fs'

laravel

gulp

webpack

laravel-elixir

laravel-5.3