Vue.js 应用程序在 Chrome 中显示正常，但在 Firefox 中显示空白页 - __webpack_require__ 错误答案

【问题标题】：Vue.js App showing fine in Chrome, but shows blank page in Firefox - __webpack_require__ errorVue.js 应用程序在 Chrome 中显示正常，但在 Firefox 中显示空白页 - __webpack_require__ 错误
【发布时间】：2020-08-08 09:12:22
【问题描述】：

我创建了一个新的 Vue.js 应用程序： vue create App_name 我启动应用程序并运行良好，当我在 Chrome 中打开它时，它显示得很好，但是当我在任何 Firefox 浏览器中打开它时，它只显示一个空白页面，当检查它显示的控制台：

Uncaught ReferenceError: __webpack_require__ is not defined
    <anonymous> dev-server.js:12
    eval person:59
    js chunk-vendors.js:9714
    __webpack_require__ app.js:854
    fn app.js:151
    1 app.js:1312
    __webpack_require__ app.js:854
    checkDeferredModules app.js:46
    <anonymous> app.js:994
    <anonymous> app.js:997

在调试器中，它显示了导致此文件 dev-server.js 错误的代码行：

var log = __webpack_require__(/*! ./log */ "./node_modules/webpack/hot/log.js");

完成dev-server.js文件

if (true) {
    var lastHash;
    var upToDate = function upToDate() {
        return lastHash.indexOf(__webpack_require__.h()) >= 0;
    };
    var log = __webpack_require__(/*! ./log */ "./node_modules/webpack/hot/log.js");
    var check = function check() {
        module.hot
            .check(true)
            .then(function(updatedModules) {
                if (!updatedModules) {
                    log("warning", "[HMR] Cannot find update. Need to do a full reload!");
                    log(
                        "warning",
                        "[HMR] (Probably because of restarting the webpack-dev-server)"
                    );
                    window.location.reload();
                    return;
                }

                if (!upToDate()) {
                    check();
                }

                __webpack_require__(/*! ./log-apply-result */ "./node_modules/webpack/hot/log-apply-result.js")(updatedModules, updatedModules);

                if (upToDate()) {
                    log("info", "[HMR] App is up to date.");
                }
            })
            .catch(function(err) {
                var status = module.hot.status();
                if (["abort", "fail"].indexOf(status) >= 0) {
                    log(
                        "warning",
                        "[HMR] Cannot apply update. Need to do a full reload!"
                    );
                    log("warning", "[HMR] " + log.formatError(err));
                    window.location.reload();
                } else {
                    log("warning", "[HMR] Update failed: " + log.formatError(err));
                }
            });
    };
    var hotEmitter = __webpack_require__(/*! ./emitter */ "./node_modules/webpack/hot/emitter.js");
    hotEmitter.on("webpackHotUpdate", function(currentHash) {
        lastHash = currentHash;
        if (!upToDate() && module.hot.status() === "idle") {
            log("info", "[HMR] Checking for updates on the server...");
            check();
        }
    });
    log("info", "[HMR] Waiting for update signal from WDS...");
} else {}

有人知道为什么吗？，我是 Vue.js 的新手，这让我发疯了，对不起，如果它是某种回购，但我一直在寻找几天但找不到解决方案。谢谢

package.json 文件

{
  "name": "App_name",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build"
  },
  "dependencies": {
    "axios": "^0.19.2",
    "core-js": "^3.6.5",
    "vue": "^2.6.11",
    "vue-class-component": "^7.2.3",
    "vue-property-decorator": "^8.4.2",
    "vue-router": "^3.2.0",
    "vuetify": "^2.2.11"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.4.0",
    "@vue/cli-plugin-router": "~4.4.0",
    "@vue/cli-plugin-typescript": "~4.4.0",
    "@vue/cli-service": "~4.4.0",
    "sass": "^1.26.5",
    "sass-loader": "^8.0.2",
    "typescript": "~3.9.3",
    "vue-cli-plugin-vuetify": "~2.0.7",
    "vue-template-compiler": "^2.6.11",
    "vuetify-loader": "^1.3.0"
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead"
  ]
}

【问题讨论】：

标签： javascript google-chrome vue.js firefox webpack

【解决方案1】：

不，找到问题了，这是我使用的一个名为“anti-antiblocker blocker”的插件，当我将它安装到新的 Firefox 中时，vue 停止工作。

尝试在没有任何插件的情况下重新启动您的 Firefox，看看它是否适合您。

【讨论】：

【解决方案2】：

我遇到了同样的问题...

这是我修复它的方法。

我下载了 64 位版本的 firefox（在那之前我在我的 64 位操作系统中使用的是 32 位版本）...并将其设置为以英语而不是我的母语运行。

在新的火狐上开始运行平稳，没有问题，而在旧的火狐上继续空白。

我不知道是什么导致了问题，但我认为是语言问题或 Firefox 版本问题......因为两个 Firefox 都是一样的（大部分），一个只是巴西葡萄牙语和32 位（使 vue 无法工作），而另一个是英文和 64 位（使 vue 工作）。

【讨论】：