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' }, ] } }

 

 即解决问题