如何在生产环境中删除Create React App示例

Question

如何在生产环境中删除Create React App示例

reactjscreate-react-appproduction-environment

4

我有一个在生产服务器成功部署的域名。但每当我打开它时，地址栏中会显示一个“安装应用程序：创建React应用程序示例”的提示。

有没有办法去掉这个提示？我应该在我的代码中做出哪些改变？有什么建议吗？

//客户端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"
}

- Tammy

2个回答

1

如果您只想暂时隐藏该图标，可以在your-project-root/public/index.html中注释掉类似于<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />的行，无需删除或修改manifest.json。

- UniversE

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Gulam Hussain · Accepted Answer

你需要修改manifest.json文件，该文件通常位于由create-react-app创建的public文件夹中。

manifest.json文件由serviceWorker用于允许用户将您的web应用程序安装为应用程序，您可以跳过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"
}