reactjs - 通过 github.io 渲染静态网页不起作用 - 对于使用 gatsby 创建的网站/从 github repo 托管在 netlify 上
问题描述
我想为我在此链接找到的 github.io 个人资料使用个人网站模板 - https://github.com/bchiang7/v4。我对其进行了个性化并将其托管在 netlify.com 的此链接 - https://objective-shannon-b564f7.netlify.com上。在 netlifly 上看起来很完美!但是,当我下载部署静态文件并通过 vidyabhandary.github.io 呈现它们时 - 部分网站丢失,其余部分看起来很奇怪。
控制台错误表明一个 json 文件、一些字体文件和一些资源丢失。
Uncaught Error: Missing resources for /
at t.n.render (ensure-resources.js:135)
at Oi (react-dom.production.min.js:173)
at Ri (react-dom.production.min.js:172)
at Mi (react-dom.production.min.js:180)
at $a (react-dom.production.min.js:232)
at Ka (react-dom.production.min.js:233)
at Ol (react-dom.production.min.js:249)
at Cl (react-dom.production.min.js:248)
at kl (react-dom.production.min.js:245)
at Ja (react-dom.production.min.js:243)
字体文件和 json 存在于目录路径中,尽管大小写(名称)不匹配。
我在 netlifly 上的部署没有任何错误——只有我的 logo.png 不是方形的警告。
之前在 netlifly 部署中有一个警告,指出不满足 gatsby 的对等依赖项 - 所以我将 "webpack":"4.4.0" 添加到我的 package.json 文件中,并且该警告消息不再存在。
警告“gatsby-plugin-netlify > webpack-assets-manifest@3.1.1”具有未满足的对等依赖关系“webpack@>=4.4.0”
我添加了一个 .nojekyll 文件
静态文件不会改变 - 无论我使用 - gatsby build / gatsby build; 纱线构建/纱线构建。
不知道我还缺少什么。
'''
11:18:43 AM: success Building production JavaScript and CSS bundles — 3.647 s
11:18:44 AM: success Building static HTML for pages — 1.385 s — 4/4 11.30 pages/second
11:18:44 AM: Generated public/sw.js, which will precache 10 files, totaling 472828 bytes.
11:18:44 AM: info Done building in 8.671 sec
---
11:18:44 AM: Started saving node modules
11:18:44 AM: Finished saving node modules
11:18:44 AM: Started saving yarn cache
11:18:44 AM: Finished saving yarn cache
11:18:44 AM: Started saving pip cache
11:18:44 AM: Finished saving pip cache
11:18:44 AM: Started saving emacs cask dependencies
11:18:44 AM: Finished saving emacs cask dependencies
11:18:44 AM: Started saving maven dependencies
11:18:44 AM: Finished saving maven dependencies
11:18:44 AM: Started saving boot dependencies
11:18:44 AM: Finished saving boot dependencies
11:18:44 AM: Started saving go dependencies
11:18:44 AM: Finished saving go dependencies
11:18:47 AM: Build script success
11:18:47 AM: Starting to deploy site from 'public/'
11:18:47 AM: Creating deploy tree
11:18:47 AM: 0 new files to upload
11:18:47 AM: 0 new functions to upload
11:18:47 AM: Starting post processing
11:18:47 AM: Post processing done
11:18:48 AM: Site is live
11:19:15 AM: Finished processing build request in 1m57.314333898s
'''
部分部署日志 - 没有显示错误。
我是否需要更改作为 netlifly 部署文件的一部分存在的文件夹?
解决方案
这是最近在 Gatsby v2.11.1 中修补的。您可以在此处查看 Github 上的完整问题主题。
推荐阅读
- java - 如何编写一个java for循环来加载给定一组id和值列表的地图
- javascript - 为什么这段代码不起作用?我正在创建一个 Firefox 扩展,但代码没有运行。但是,如果我将代码粘贴到控制台中,它就可以工作
- angular - 如何在jspdf中对齐图像
- javascript - Img 项目符号出现在 React.js 段落的上方
- python - 使用列表在循环中引用列
- mongodb - 在strapi中创建记录时如何设置随机ID?
- javascript - 使用时刻将服务器的默认时区转换为本地用户时间?
- java - Java Varargs:在数组中查找数字的索引
- php - 将 curl php 响应转换为 xml
- python - 使用 dnspython 传输区域文件的问题