reactjs - 我如何通过双击构建的 index.html 来运行我的 reactjs 应用程序
问题描述
我也有完整的项目和生产版本。
我只想通过双击 index.html 文件来运行它
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="theme-color" content="#000000" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<title>React App</title>
<link href="./static/css/main.e6ec6509.chunk.css" rel="stylesheet">
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<script>
! function(c) {
function e(e) {
for (var r, t, n = e[0], o = e[1], u = e[2], a = 0, i = []; a < n.length; a++) t = n[a], Object.prototype.hasOwnProperty.call(s, t) && s[t] && i.push(s[t][0]), s[t] = 0;
for (r in o) Object.prototype.hasOwnProperty.call(o, r) && (c[r] = o[r]);
for (d && d(e); i.length;) i.shift()();
return f.push.apply(f, u || []), l()
}
function l() {
for (var e, r = 0; r < f.length; r++) {
for (var t = f[r], n = !0, o = 1; o < t.length; o++) {
var u = t[o];
0 !== s[u] && (n = !1)
}
n && (f.splice(r--, 1), e = p(p.s = t[0]))
}
return e
}
var t = {},
s = {
1: 0
},
f = [];
function p(e) {
if (t[e]) return t[e].exports;
var r = t[e] = {
i: e,
l: !1,
exports: {}
};
return c[e].call(r.exports, r, r.exports, p), r.l = !0, r.exports
}
p.e = function(o) {
var e = [],
t = s[o];
if (0 !== t)
if (t) e.push(t[2]);
else {
var r = new Promise(function(e, r) {
t = s[o] = [e, r]
});
e.push(t[2] = r);
var n, u = document.createElement("script");
u.charset = "utf-8", u.timeout = 120, p.nc && u.setAttribute("nonce", p.nc), u.src = p.p + "./static/js/" + ({}[o] || o) + "." + {
3: "5a2546a4",
4: "3a02c486",
5: "ed3359dd",
6: "27ea97b0"
}[o] + ".chunk.js";
var a = new Error;
n = function(e) {
u.onerror = u.onload = null, clearTimeout(i);
var r = s[o];
if (0 !== r) {
if (r) {
var t = e && ("load" === e.type ? "missing" : e.type),
n = e && e.target && e.target.src;
a.message = "Loading chunk " + o + " failed.\n(" + t + ": " + n + ")", a.name = "ChunkLoadError", a.type = t, a.request = n, r[1](a)
}
s[o] = void 0
}
};
var i = setTimeout(function() {
n({
type: "timeout",
target: u
})
}, 12e4);
u.onerror = u.onload = n, document.head.appendChild(u)
}
return Promise.all(e)
}, p.m = c, p.c = t, p.d = function(e, r, t) {
p.o(e, r) || Object.defineProperty(e, r, {
enumerable: !0,
get: t
})
}, p.r = function(e) {
"undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, {
value: "Module"
}), Object.defineProperty(e, "__esModule", {
value: !0
})
}, p.t = function(r, e) {
if (1 & e && (r = p(r)), 8 & e) return r;
if (4 & e && "object" == typeof r && r && r.__esModule) return r;
var t = Object.create(null);
if (p.r(t), Object.defineProperty(t, "default", {
enumerable: !0,
value: r
}), 2 & e && "string" != typeof r)
for (var n in r) p.d(t, n, function(e) {
return r[e]
}.bind(null, n));
return t
}, p.n = function(e) {
var r = e && e.__esModule ? function() {
return e.default
} : function() {
return e
};
return p.d(r, "a", r), r
}, p.o = function(e, r) {
return Object.prototype.hasOwnProperty.call(e, r)
}, p.p = "/", p.oe = function(e) {
throw console.error(e), e
};
var r = this.webpackJsonprussia = this.webpackJsonprussia || [],
n = r.push.bind(r);
r.push = e, r = r.slice();
for (var o = 0; o < r.length; o++) e(r[o]);
var d = n;
l()
}([])
</script>
<script src="./static/js/2.14ee151b.chunk.js"></script>
<script src="./static/js/main.c9f1fb9d.chunk.js"></script>
</body>
</html>
以上是我的index.html
我从 stackoverflow 中发现了一些东西,我们可以通过仅将build.js放在index.html 内的脚本 src中来做到这一点。
但是我们如何获得build.js
当我运行npm run build它给了我chunks.js 和 chunks.css
找不到build.js
请看一看。
解决方案
推荐阅读
- c++ - cppcheck 警告列表初始化中指向局部变量的指针
- haskell - 带有 lambda 表达式的 Foldl
- class - 无类飞镖文件的目的是什么?
- python - 列表操作的 Python 列表
- unity3d - 从搅拌机导入对象后,Unity 相机卡在构建文件中的特定视图中
- wordpress - 在 https 域上安装了 Wordpress,现在 http 站点不会显示
- amazon-web-services - 从传入的 SES 电子邮件触发事件的最佳方式
- javascript - 尝试放置新项目时出现 DynamoDB InvalidParameterType 错误
- javascript - 我如何在我的反应页面中使用 jquery/html/css 组件
- android - 如何在底部导航中使所选项目可点击