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