登陆

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

我在部署由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"
        })
    ]
};
# JavaScript
迷茫迷茫1573 天前914 次浏览

全部回复(1)我要回复

  • 曾经蜡笔没有小新

    曾经蜡笔没有小新2017-07-05 10:52:02

    首先你得把这个progress定位到具体文件,可能会在webpack.config.js这个文件里,你可以贴出来一下

    回复
    0
  • 取消回复发送