未检测到清单，清单：行：1，列：1，语法错误反应

如何解决未检测到清单，清单：行：1，列：1，语法错误反应

突然我陷入了这个问题，我的所有屏幕都是空白和白色。我确实在其中附加了所有必要的文件和图片。可能manisfest.json和indext.html不能正确链接，但是它们都在同一目录中，您可以看到我在indext.html中正确地链接了标签。

我在控制台中也发现了一件事

Manifest: Line: 1,column: 1,Syntax error.

我实际上无法确切地了解哪个错误

我有一个其他的反应项目，当我去本地打开这个项目时，一切都很好。

如果这里的任何人更早地遇到了这个问题并有适当的解决方案，请寻求帮助。

这是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","sizes": "512x512"
    }
  ],"start_url": ".","display": "standalone","theme_color": "#000000","background_color": "#ffffff"
}

这是indext.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <link rel="icon" href="%PUBLIC_URL%/favicon1.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="%PUBLIC_URL%/Title_Image.png" />
    <!--
      manifest.json provides metadata used when your web app is installed on a
      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
    -->
    <!-- <link rel="manifest" crossorigin="use-credentials" href="%PUBLIC_URL%/manifest.webmanifest" /> -->
    <!-- <link rel="manifest" href="/manifest.webmanifest"/> -->
    <!-- <link rel="manifest" href="manifest.json" crossorigin="use-credentials"> -->

    **<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />**
    
    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
    />

    <title>React</title>
  </head>

  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
 
  </body>

</html>

这是我的文件结构。

enter image description here

这是控制台标签

enter image description here

chrome devTool上的此应用程序标签

enter image description here

这是Chrome的devTool上的“审核/灯塔”标签报告

enter image description here

未检测到清单，清单：行：1，列：1，语法错误反应

如何解决未检测到清单，清单：行：1，列：1，语法错误反应

相关推荐