如何删除生产中的 Create React App 示例

Question

我有一个已成功部署到生产服务器中的域。但是每当我打开它时，地址栏中都会显示一个 Install app: Create React app sample。

有什么办法可以去掉这个。我应该在我的代码中更改什么？有什么建议吗？

//客户端package.json

{
  "name": "client",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "axios": "^0.19.2",
    "bootstrap": "^4.4.1",
    "bootstrap-less": "^3.3.8",
    "moment": "^2.24.0",
    "node-sass": "^4.13.1",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "redux-thunk": "^2.3.0",
    "uuid": "^7.0.3"
  },
  "scripts": {
    "start": "react-scripts start",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
    ],
    "development": [
      "last 1 chrome version",
    ]
  },
  "proxy": "http://localhost:5000"
}

//manifest.json

{
  "short_name": "React App",
  "name": "Create React App Sample",
  "icons": [
    {
      "src": "favicon.ico",
      "sizes": "64x64 32x32 24x24 16x16",
      "type": "image/x-icon"
    },
    {
      "src": "logo192.png",
      "type": "image/png",
      "sizes": "192x192"
    },
    {
      "src": "logo512.png",
      "type": "image/png",
      "sizes": "512x512"
    }
  ],
  "start_url": ".",
  "display": "standalone",
  "theme_color": "#000000",
  "background_color": "#ffffff"
}

Answer 1

您需要更改 manifest.json 文件，您可能会在 create-react-app 创建的 public 文件夹中找到它。

manifest.json 文件被 serviceWorker 用来让用户将你的 webapp 安装为应用程序，你可以跳过 short_name 属性，但你应该提供一个正确的名称。但跳过两者不会对应用程序的功能造成任何问题，在这种情况下浏览器将为您的应用程序使用默认名称（即无标题）。

根据我的建议，您应该同时提供 short_name 和 name 属性。

在那里

{
  "short_name": "React App",
  "name": "Create React App Sample", // you need to change this
  "icons": [
    {
      "src": "favicon.ico",
      "sizes": "192x192",
      "type": "image/png"
    }
  ],
  "start_url": "./index.html",
  "display": "standalone",
  "theme_color": "#000000",
  "background_color": "#ffffff"
}

如何删除生产中的 Create React App 示例

How to remove Create react app sample in production

reactjs

create-react-app

production-environment