javascript - 線上部署webpack,提示Uncaught Error: Cannot find module "—progress"
迷茫
迷茫 2017-07-05 10:50:02
0
1
1519

我在部署由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"
        })
    ]
};
迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回覆(1)
曾经蜡笔没有小新

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板