Hướng dẫn cài đặt chạy sản phẩm reactjs build trên xampp (ok)

C:\xampp\htdocs\rycicle\package.json

{
  "name": "rycicle",
  "version": "0.1.0",
  "private": true,
  "homepage": "http://localhost/swaggerui/",
  "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.3.2",
    "@testing-library/user-event": "^7.1.2",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-scripts": "3.4.3"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

C:\xampp\htdocs\rycicle\build\index.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <link rel="icon" href="/swaggerui/favicon.ico" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <meta name="theme-color" content="#000000" />
  <meta name="description" content="Web site created using create-react-app" />
  <link rel="apple-touch-icon" href="/swaggerui/logo192.png" />
  <link rel="manifest" href="/swaggerui/manifest.json" />
  <title>React App</title>
  <link href="/swaggerui/static/css/main.5f361e03.chunk.css" rel="stylesheet">
</head>
<body><noscript>You need to enable JavaScript to run this app.</noscript>
  <div id="root"></div>
  <script>
  ! function(e) {
    function r(r) { for (var n, l, i = r[0], c = r[1], a = r[2], p = 0, s = []; p < i.length; p++) l = i[p], Object.prototype.hasOwnProperty.call(o, l) && o[l] && s.push(o[l][0]), o[l] = 0; for (n in c) Object.prototype.hasOwnProperty.call(c, n) && (e[n] = c[n]); for (f && f(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, i = 1; i < t.length; i++) { var c = t[i];
          0 !== o[c] && (n = !1) } n && (u.splice(r--, 1), e = l(l.s = t[0])) } return e } var n = {},
      o = { 1: 0 },
      u = [];
    function l(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, l), t.l = !0, t.exports } l.m = e, l.c = n, l.d = function(e, r, t) { l.o(e, r) || Object.defineProperty(e, r, { enumerable: !0, get: t }) }, l.r = function(e) { "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(e, "__esModule", { value: !0 }) }, l.t = function(e, r) { if (1 & r && (e = l(e)), 8 & r) return e; if (4 & r && "object" == typeof e && e && e.__esModule) return e; var t = Object.create(null); if (l.r(t), Object.defineProperty(t, "default", { enumerable: !0, value: e }), 2 & r && "string" != typeof e)
        for (var n in e) l.d(t, n, function(r) { return e[r] }.bind(null, n)); return t }, l.n = function(e) { var r = e && e.__esModule ? function() { return e.default } : function() { return e }; return l.d(r, "a", r), r }, l.o = function(e, r) { return Object.prototype.hasOwnProperty.call(e, r) }, l.p = "/swaggerui/"; var i = this.webpackJsonprycicle = this.webpackJsonprycicle || [],
      c = i.push.bind(i);
    i.push = r, i = i.slice(); for (var a = 0; a < i.length; a++) r(i[a]); var f = c;
    t() }([])
  </script>
  <script src="/swaggerui/static/js/2.c12def98.chunk.js"></script>
  <script src="/swaggerui/static/js/main.1fc69b44.chunk.js"></script>
</body>
</html>

C:\xampp\htdocs\swaggerui

Sau đó copy toàn bộ thư mục build vào C:\xampp\htdocs\swaggerui là oke :)

Last updated

Was this helpful?