webpack项目出现This dependency was not found:解决方法

在vue项目中我需要写一个爬虫，在引入node.js 中的

var request = require('request');

　　时发现报如下的错误

 

但是重新下载多次fs模块都没有解决问题。

后来才发现是webpack的神坑

这个解决办法是：

首先先下载你需要的包

e.g: npm install request --save

然后在

这个文件中加入

    node: {
      fs: 'empty',
    },

后文件如下所示

var path = require('path')
var utils = require('./utils')
var config = require('../config')
var vueLoaderConfig = require('./vue-loader.conf')

function resolve (dir) {
  return path.join(__dirname, '..', dir)
}

module.exports = {
  entry: {
    app: './src/main.js'
  },
  output: {
    path: config.build.assetsRoot,
    filename: '[name].js',
    publicPath: process.env.NODE_ENV === 'production'
      ? config.build.assetsPublicPath
      : config.dev.assetsPublicPath
  },
  resolve: {
    extensions: ['.js', '.vue', '.json'],
    modules: [
      resolve('src'),
      resolve('node_modules')
    ],
    alias: {
      'vue$': 'vue/dist/vue.common.js',
      'src': resolve('src'),
      'assets': resolve('src/assets'),
      'components': resolve('src/components'),
      'vonic': 'vonic/src/index.js'
    }
  },
    node: {
      fs: 'empty',
    },
  module: {
    rules: [
      {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: vueLoaderConfig
      },
      {
        test: /\.js$/,
        loader: 'babel-loader',
        include: [resolve('src'), resolve('test')]
      },
      {
        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
        loader: 'url-loader',
        query: {
          limit: 10000,
          name: utils.assetsPath('img/[name].[hash:7].[ext]')
        }
      },
      {
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
        loader: 'url-loader',
        query: {
          limit: 10000,
          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
        }
      },

      // vonic
      {
        test: /vue-scroller.src.*?js$/,
        loader: 'babel-loader'
      },
      {
        test: /vonic.src.*?js$/,
        loader: 'babel-loader'
      },
    ]
  }
}

 

 即解决问题