javascript – Webpack wird online bereitgestellt, Meldung „Uncaught Error: Cannot find module „—progress““

Question

Ich stelle JS-Dateien bereit, die von Webpack gepackt wurden, und die verwendete Sprache ist vue.js. Bei der lokalen Ausführung gibt es kein Problem, aber wenn ich sie in Jenkins bereitstelle, meldet die Build-Arbeit auch keine Fehler. Aber wenn es mit einer Online-Adresse geöffnet wird, wird es immer wieder angezeigt Uncaught Error: Cannot find module "—progress" Ich habe lange online nachgeschaut und weiß immer noch nicht, was dieser Fehler ist.

Der Text in „Skripten“ in der Datei package.json lautet:

"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"
  }

Wenn jemand weiß, wie man es löst, bitte helfen Sie mir. Dieses Problem beschäftigt mich schon seit ein paar Tagen. . Danke.

Posten Sie die Datei 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这个文件里，你可以贴出来一下