Javascript 将生成文件夹部署到Netlify时获取空白页

我正在尝试在Netlify上部署react应用程序的生成文件夹。上传过程中没有显示错误&站点上线，但观察到空白页面

生成文件夹中的我的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"
}

在检查您所包含的后，控制台中显示了相当多的错误

加载资源失败：服务器响应状态为404（）

清单：行：1，列：1，语法错误

您的

manifest.json

文件似乎有语法错误，因此这是一个很好的开始。接下来，页面几乎无法加载所有构建文件。这使我认为Netlify能够部署您的站点，但构建文件夹中的静态资产不可用，因此所有构建文件块（如

main.e8a3c755.chunk.js

）都出现了“加载资源失败”错误

创建Netlify配置文件 是一个配置文件，指定Netlify如何构建和部署站点。要开始使用它，只需在项目的根目录中创建一个名为

netlify.toml

的文件。此配置文件将为Netlify提供有关如何构建项目、如何处理重定向等有用信息

[build]
  command = "npm run build"
  publish = "build-output"

 [[redirects]]
  from = "https://some-url.com"
  to = "https://some-other-url.com" 

上面为

[build]

上下文和重定向规则定义了一些基本的生成配置。

命令

设置指定默认生成命令。这应该是您在

package.json

中定义的构建命令。

publish

设置指定包含生成中部署就绪静态资产的目录。因此，当前的

publish

设置将发布到位于绝对路径

root/build output

的目录

您还可以在

[[redirects]]

中定义一些重定向规则。这非常简单，

from

设置是您希望重定向的URL，

to

也是您应该重定向的位置。默认HTTP状态代码为301，但您可以在

[[redirects]]

中提供一个

状态

键来提供自定义状态代码

---

底线是，看不到项目代码或链接。当Netlify部署您的站点时，很难准确地找出您的构建文件无法被识别的原因。它归结为如何使用build命令，例如如何运行它

“build”：do build stuff

，以及在何处输出React build文件。最后，确保创建一个

netlify.toml

文件，为netlify提供关于如何构建和部署站点的详细信息。以下是Netlify推荐的链接。

您有

Netlify.toml

文件吗？您可以在此处配置与生成相关的详细信息。您包含的JSON看起来更像PWA的清单文件。不，我没有。我需要在build文件夹中创建一个.toml文件吗？在添加toml文件并引用我能够创建站点的文档后，感谢tannerup@Lp-欢迎光临。我很高兴你能把事情安排好并运行起来。快乐编码！