问题描述
我在部署由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'}) ]};
问题解答
回答1:首先你得把这个progress定位到具体文件,可能会在webpack.config.js这个文件里,你可以贴出来一下