Chrome Manifest:Line:1,column:1,返回错误; React.js:在浏览器中输入npm start打开屏幕时,屏幕为空白或白色

8fq7wneg  于 2023-11-14  发布在  Go
关注(0)|答案(2)|浏览(101)

我在cosole上有以下错误...
无法加载资源:net::ERR_NAME_NOT_RESOLVED

加载资源失败:服务器响应状态为400(Bad Request)
清单:第1行,第1列,重复错误
满屏都是白色,没有数据显示

下面是我的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"
}

字符串
下面是我的indext.html文件上的链接标记

<link rel="manifest" crossorigin="use-credentials" href="%PUBLIC_URL%/manifest.json" />


我已经做了工作清单,但问题仍然存在...
1.删除node_modulespackage.lock.json文件并在我的终端中运行npm install
1.将crossorigin="use-credentials"添加到公用文件夹的indext.html上的链接标记中
1.编辑manifest.json上的以下对象
{“主题”:“./",“显示”:“独立”,“主题颜色”:“#000000”,“背景颜色”:“#ffffff”}
但目前还没有解决任何问题……

nwsw7zdq

nwsw7zdq1#

有时候,这种类型的错误可能来自于损坏的文件或依赖项。在这种情况下,我认为到目前为止最好的选择是重新启动您的项目,重新安装react,并将所有这些文件从过去的项目复制到新项目中。
我们试试看会发生什么

npx  i create-react-app "create-new-one"

字符串
然后

cd "create-new-one"


最后,将文件和文件夹按顺序或结构方式复制到新创建的文件和文件夹中,并查看启动

npm start


现在所有与manifest.json相关的问题都将消失
注:在我的情况下,我做了同样的方式刚才说和后果,得到删除的那一点

5cg8jx4n

5cg8jx4n2#

你可以把manifest.json放到公共文件夹中-URL将是
第一个月
自Next.js 9.1引入公共文件夹支持以来,此位置优于静态(或任何其他文件夹)。
在我的情况下,这解决了错误,这里是我找到这个解决方案https://github.com/vercel/next.js/issues/9621的链接

相关问题