React 在生产中工作,但在构建中出现白屏
React works in production but white screen in build
我有一个用 create-react-app
实现的 React 应用程序。当我使用 npm run start
在本地查看站点时,它工作正常。但是当我使用 npm run build
构建它并查看构建的站点时,它只是一个带有以下错误的空白屏幕。
当我进入已编译的 build/index.html
并查看链接时,它们前面都缺少 .
,例如 <link href="/static/css/main.60d8d896.chunk.css"
。并在 /
之前添加 .
修复了许多错误并使网站不再是空白的白屏,但即使在对所有链接执行此操作之后,我仍然可以在我的网站上找到许多 SVG 图标站点完全丢失,控制台记录这些错误。
似乎由于某种原因,构建只是弄乱了所有链接,这以前从未发生过,考虑到生产版本运行良好,这是出乎意料的。
这是整个 React 应用程序的 gist of the compiled build/index.html
, and here's the source code。
问题原来是我没有在我的远程 nginx 服务器上正确提供文件。我一定是错误地使用 scp
发送了文件,因为当我删除所有文件并重新 scp 时,它工作正常。
我有一个用 create-react-app
实现的 React 应用程序。当我使用 npm run start
在本地查看站点时,它工作正常。但是当我使用 npm run build
构建它并查看构建的站点时,它只是一个带有以下错误的空白屏幕。
当我进入已编译的 build/index.html
并查看链接时,它们前面都缺少 .
,例如 <link href="/static/css/main.60d8d896.chunk.css"
。并在 /
之前添加 .
修复了许多错误并使网站不再是空白的白屏,但即使在对所有链接执行此操作之后,我仍然可以在我的网站上找到许多 SVG 图标站点完全丢失,控制台记录这些错误。
似乎由于某种原因,构建只是弄乱了所有链接,这以前从未发生过,考虑到生产版本运行良好,这是出乎意料的。
这是整个 React 应用程序的 gist of the compiled build/index.html
, and here's the source code。
问题原来是我没有在我的远程 nginx 服务器上正确提供文件。我一定是错误地使用 scp
发送了文件,因为当我删除所有文件并重新 scp 时,它工作正常。