javascript - 線上部署webpack，提示Uncaught Error: Cannot find module "—progress"

Question

我在部署由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.js
        extensions: ['.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"
        })
    ]
};

Answer 1

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