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

 

 即解決問題