Vue.js 應用程序在 Chrome 中顯示正常，但在 Firefox 中顯示空白頁 - __webpack_require__ 錯誤

Question

我創建了一個新的 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"
  ]
}

Answer 1

不，發現問題，這是我使用的一個名為“anti-antiblocker blocker”的插件，當我將它安裝在新的 firefox 中時，vue 停止工作。

嘗試在沒有任何插件的情況下重新啟動您的 firefox，看看它是否適合您。

Answer 2

我有同樣的問題...

這是我所做的修復它。

我下載了 64 位版本的 Firefox（在那之前我在我的 64 位操作系統中使用 32 位版本）......並將其設置為以英語而不是我的母語運行。

它在新的 Firefox 上開始平穩運行，沒有問題，而在舊的繼續空白。

我不知道是什么導致了問題，但我認為是語言問題，或者 Firefox 的版本......因為兩個火狐都是一樣的（大部分），一個只是巴西葡萄牙語和 32-位（使 vue 無法工作），而另一個是英文和 64 位（使 vue 工作）。