Javascript Vue.js应用程序在Chrome中显示良好,但在Firefox中显示空白页-\uuuuu webpack\uuuu require\uuuuuu错误
我创建了一个新的Vue.js应用程序,其中包含:Javascript Vue.js应用程序在Chrome中显示良好,但在Firefox中显示空白页-\uuuuu webpack\uuuu require\uuuuuu错误,javascript,google-chrome,vue.js,firefox,webpack,Javascript,Google Chrome,Vue.js,Firefox,Webpack,我创建了一个新的Vue.js应用程序,其中包含: vue创建应用程序名称 我启动应用程序并运行正常,当我在Chrome中打开它时,它显示正常,但当我在任何Firefox浏览器中打开它时,它只显示一个空白页,当检查控制台时,它显示: Uncaught ReferenceError: __webpack_require__ is not defined <anonymous> dev-server.js:12 eval person:59 js chunk-ven
vue创建应用程序名称
我启动应用程序并运行正常,当我在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文件
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 {}
{
"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"
]
}
有人知道为什么吗?我是Vue.js的新手,这让我抓狂,抱歉,如果这是某种回购,但我已经找了好几天了,找不到解决方案。谢谢
package.json文件
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 {}
{
"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"
]
}
我也有同样的问题 这是我所做的,修复了它 我下载了64位版本的firefox(在此之前,我在64位操作系统中使用的是32位版本)。。。并将其设置为以英语而不是我的母语运行 在新的Firefox上,它开始平稳运行,没有任何问题,而在旧的Firefox上,它仍然是空白
我不知道是什么导致了这个问题,但我认为是语言问题,或者是Firefox版本的问题。。。由于两款Firefox都是一样的(大部分情况下),一款是巴西葡萄牙语,32位(这使得vue不起作用),另一款是英语,64位(这使得vue起作用)。我遇到了同样的问题 这是我所做的,修复了它 我下载了64位版本的firefox(在此之前,我在64位操作系统中使用的是32位版本)。。。并将其设置为以英语而不是我的母语运行 在新的Firefox上,它开始平稳运行,没有任何问题,而在旧的Firefox上,它仍然是空白
我不知道是什么导致了这个问题,但我认为是语言问题,或者是Firefox版本的问题。。。由于两款firefox都是一样的(大多数情况下),一款是巴西葡萄牙语,32位(这使得vue不起作用),另一款是英语,64位(这使得vue起作用)。不,我发现了问题,当我在新的firefox中安装它时,我使用了一个名为“anti-anti-blocker blocker”的插件,vue停止工作
尝试在没有任何插件的情况下重新启动firefox,看看它是否适合您。没有,发现了问题,我使用的是一个名为“anti-anti-blocker blocker”的插件,当我在新的firefox中安装它时,vue停止工作 尝试在没有任何插件的情况下重启firefox,看看它是否适合你