问题描述
突然我陷入了这个问题，我的所有屏幕都是空白和白色。我确实在其中附加了所有必要的文件和图片。 可能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>
这是我的文件结构。
这是控制台标签
chrome devTool上的此应用程序标签
这是Chrome的devTool上的“审核/灯塔”标签报告
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）