問題描述

我在部署由webpack打包的JS文件，使用語言是vue.js，在本地運行時沒有問題，但當我部署到jenkins中，build工作也是沒有報錯。但當使用線上地址打開時，會一直提示Uncaught Error: Cannot find module '—progress'，我在網上查了半天也不知道這個錯誤是什么。

在package.json文件中的’scripts’里面的寫法是：

'scripts': { 'test': 'echo 'Error: no test specified' && exit 1', 'start': 'webpack-dev-server --inline', 'dev': 'cross-env NODE_ENV=development webpack-dev-server -open -inline -hot', 'build': 'cross-env NODE_ENV=production webpack' }

有知道怎么解決的朋友請幫幫忙，這個問題煩了我幾天了。。謝謝。

貼一下webpack.config.js文件：

const webpack = require('webpack');const path = require('path');const ExtractTextPlugin = require('extract-text-webpack-plugin');module.exports = { entry : ’./src/main’, output : { //出口文件path : path.join(__dirname,’./dist’),filename : '[name].js',publicPath : '/dist/' }, module : {//定義了對模塊的處理邏輯loaders : [ {test : /.js$/, loader : 'babel-loader', exclude : /node_modules/}, {test : /.vue$/, loader : 'vue-loader'}, {test : /.css$/, loader : 'style-loader!css-loader'}, {test : /.scss/, loader : 'style-loader!css-loader!sass-loader'}, {test : /.(html|tpl)$/, loader : ’html-loader’ }] }, devServer : {historyApiFallback : true,inline : true,hot : false,host : '0.0.0.0' }, devtool : ’cheap-module-eval-source-map’, resolve : {// require時省略的擴展名，如：require(’module’) 不需要module.jsextensions: [’.js’, ’.vue’,’.css’],// 別名，可以直接使用別名來代表設定的路徑以及其他alias: { components: path.join(__dirname, ’./src/components’)} }, plugins : [new webpack.LoaderOptionsPlugin({ options : {babel : { presets: [’es2015’]} }}),new ExtractTextPlugin(’[name].css’),new webpack.ProvidePlugin({ jQuery : 'jquery', $ : 'jquery'}) ]};

問題解答

首先你得把這個progress定位到具體文件，可能會在webpack.config.js這個文件里，你可以貼出來一下