我正在尝试使用 React 的构建工具构建我的 React 应用程序。当我尝试“npm start”时,应用程序工作正常。
npm start
在 http://localhost:3000 上可以访问应用程序。
但是当我构建应用程序并尝试访问“build”文件夹中的“index.html”文件时,它无法正常工作,出现一个白色空白屏幕。
npm run build
http://myreact-app/build/index.html => 出现白屏。
这是在运行 npm run build 后创建的构建文件夹。
而这个文件夹中包含了index.html文件。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<link rel="manifest" href="/manifest.json">
<link rel="shortcut icon" href="/favicon.ico">
<title>React App</title>
<link href="/static/css/main.9a0fe4f1.css" rel="stylesheet">
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<script type="text/javascript" src="/static/js/main.46d8cd76.js"></script>
</body>
</html>
我做错了什么吗?我无法访问我的Apache Web服务器上的构建index.html文件吗?
main.js
文件中只包含您的代码还是也包含所有依赖项?这应该很容易检查。 - Sulthanindex.html
请求的静态文件。 - Lasf