reactjs - Uncaught SyntaxError: Unexpected token '<' ReactJS 应用程序部署在 AKS Pod 的 NGINX 中
问题描述
使用 create-react-app 创建应用程序并使用 npm runeject 和修改 webpack.config 在 /app 文件夹下生成静态文件 当我们尝试从服务器访问但在 localhost 中工作时收到以下错误
2.83723764.chunk.js:1 Uncaught SyntaxError: Unexpected token '<'
main.b44212e2.chunk.js:1 Uncaught SyntaxError: Unexpected token '<'
- 网络服务器:Nginx
- 云:天蓝色
- 编排:Kubernetes (AKS)
- 码头集装箱
索引.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>app</title>
<link href="/app/static/css/main.ecd9715c.chunk.css" rel="stylesheet">
</head>
<body>
<div id="root"></div>
<script>
!function(e) {
function r(r) {
for (var n, f, l = r[0], i = r[1], a = r[2], p = 0, s = []; p < l.length; p++)
f = l[p],
Object.prototype.hasOwnProperty.call(o, f) && o[f] && s.push(o[f][0]),
o[f] = 0;
for (n in i)
Object.prototype.hasOwnProperty.call(i, n) && (e[n] = i[n]);
for (c && c(r); s.length; )
s.shift()();
return u.push.apply(u, a || []),
t()
}
function t() {
for (var e, r = 0; r < u.length; r++) {
for (var t = u[r], n = !0, l = 1; l < t.length; l++) {
var i = t[l];
0 !== o[i] && (n = !1)
}
n && (u.splice(r--, 1),
e = f(f.s = t[0]))
}
return e
}
var n = {}
, o = {
1: 0
}
, u = [];
function f(r) {
if (n[r])
return n[r].exports;
var t = n[r] = {
i: r,
l: !1,
exports: {}
};
return e[r].call(t.exports, t, t.exports, f),
t.l = !0,
t.exports
}
f.m = e,
f.c = n,
f.d = function(e, r, t) {
f.o(e, r) || Object.defineProperty(e, r, {
enumerable: !0,
get: t
})
}
,
f.r = function(e) {
"undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e,
Symbol.toStringTag, {
value: "Module"
}),
Object.defineProperty(e, "__esModule", {
value: !0
})
}
,
f.t = function(e, r) {
if (1 & r && (e = f(e)),
8 & r)
return e;
if (4 & r && "object" == typeof e && e && e.__esModule)
return e;
var t = Object.create(null);
if (f.r(t),
Object.defineProperty(t, "default", {
enumerable: !0,
value: e
}),
2 & r && "string" != typeof e)
for (var n in e)
f.d(t, n, function(r) {
return e[r]
}
.bind(null, n));
return t
}
,
f.n = function(e) {
var r = e && e.__esModule ? function() {
return e.default
}
: function() {
return e
}
;
return f.d(r, "a", r),
r
}
,
f.o = function(e, r) {
return Object.prototype.hasOwnProperty.call(e, r)
}
,
f.p = "/";
var l = this["webpackJsonpapp-frontend"] = this["webpackJsonpapp-frontend"] || []
, i = l.push.bind(l);
l.push = r,
l = l.slice();
for (var a = 0; a < l.length; a++)
r(l[a]);
var c = i;
t()
}([])
</script>
<script src="/app/static/js/2.f8afad59.chunk.js"></script>
<script src="/app/static/js/main.fca110fc.chunk.js"></script>
</body>
</html>
**eslintrc.json**
{
"env": {
"browser": true,
"es2020": true
},
"extends": [
"eslint:recommended",
"plugin:react/recommended"
],
"parserOptions": {
"ecmaFeatures": {
"jsx": true
},
"ecmaVersion": 11,
"sourceType": "module"
},
"plugins": [
"react"
],
"rules": {
}
}
解决方案
推荐阅读
- vuejs2 - VueJS State Getter 正在寻找匹配项,但未返回正确的值
- java - 使用格式说明符
- android - 空文档的 Android Firestore id
- java - 仅在 CLI 上的单元测试中无法在 src/main/resources 中找到 xsd
- iot - 总是从服务器获得 -1 连接被拒绝响应
- c++ - 使用 WMI 和 C++ 获取主板序列号时出现问题
- flutter - 适用于 iOS 的自定义 Flutter 插件开发
- rust - 如何从底层的子树中获取 roothash 或证明?
- discord - Discord.js 如果有角色则发送消息
- javascript - 如何重置 Impetus.js 的动量?