getting the following error This dependency was not found: FS

When I run npm run dev. I am getting the following error

ERROR Failed to compile with 3 errors 22:07:39

This dependency was not found:

• fs in ./node_modules/vue-loader/lib/utils/normalize.js, ./node_modules/resolve/lib/sync.js and 1 other

To install it, you can run: npm install --save fs

Here is a copy of my configuration file.

I am using Laravel 5.4

let mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel application. By default, we are compiling the Sass
 | file for the application as well as bundling up all the JS files.
 |
 */

mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css');


mix.webpackConfig({

});

Here is my Package.json file

{
  "private": true,
  "scripts": {
    "dev": "npm run development",
    "development": "cross-env NODE_ENV=development webpack --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch-poll": "npm run watch -- --watch-poll",
    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "prod": "npm run production",
    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
  },
  "bin": {
    "cross-env": "dist/bin/cross-env.js"
  },
  "devDependencies": {
    "@websanova/vue-auth": "^2.13.0-beta",
    "axios": "^0.16.2",
    "babel": "^6.23.0",
    "babel-core": "^6.25.0",
    "babel-loader": "^7.1.1",
    "babel-plugin-transform-es2015-spread": "^6.22.0",
    "babel-preset-env": "^1.6.0",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-stage-2": "^6.24.1",
    "bootstrap-sass": "^3.3.7",
    "cross-env": "^5.0.1",
    "css-loader": "^0.28.4",
    "eslint": "^3.19.0",
    "eslint-config-standard": "^10.2.1",
    "eslint-friendly-formatter": "^3.0.0",
    "eslint-loader": "^1.7.1",
    "eslint-plugin-html": "^2.0.0",
    "eslint-plugin-import": "^2.3.0",
    "eslint-plugin-node": "^4.2.2",
    "eslint-plugin-promise": "^3.4.0",
    "eslint-plugin-standard": "^3.0.1",
    "file-loader": "^0.11.1",
    "friendly-errors-webpack-plugin": "^1.1.3",
    "jquery": "^3.1.1",
    "laravel-mix": "^1.0",
    "lodash": "^4.17.4",
    "material-components-web": "^0.15.0",
    "material-design-icons": "^3.0.1",
    "normalize-scss": "^7.0.0",
    "path": "^0.12.7",
    "url-loader": "^0.5.8",
    "vue": "^2.4.1",
    "fs": "0.0.1-security",
    "vue-loader": "^12.2.2",
    "vue-mdc-adapter": "0.0.17",
    "vue-progressbar": "^0.7.2",
    "vue-resource": "^1.3.4",
    "vue-router": "^2.7.0",
    "webpack": "^3.2.0",
    "async": "^2.5.0",
    "normalize": "^0.3.1"
  },
  "dependencies": {

  }
}