[英]"Firebase Hosting Setup Complete" after deploy
I've been trying to fix this issue for 2 days now and I couldn't find a viable solution yet:(我已经尝试解决这个问题 2 天了,但我还找不到可行的解决方案:(
I am deploying my React Single-Page App onto Firebase Hosting but I get this famous page "Firebase Hosting Setup Complete" after deploy.我正在将我的 React 单页应用程序部署到 Firebase 托管上,但在部署后我得到了这个著名的页面“Firebase 托管设置完成”。 I've tried to deploy from the index.html in the public and build folder but none of them works.我尝试从 public 和 build 文件夹中的 index.html 进行部署,但它们都不起作用。 It looks like I don't have a firebase.json nor a firebaserc file created in my project after init.看起来我在初始化后没有在我的项目中创建 firebase.json 或 firebaserc 文件。 Could it be the reason?会不会是这个原因?
Here are screenshots of the setup: enter image description here以下是设置的屏幕截图:在此处输入图像描述
I found the solution.我找到了解决方案。 I was actually running the command outside my project /users/maxime instead of /users/maxime/projectname !我实际上是在我的项目 /users/maxime 而不是 /users/maxime/projectname 之外运行命令!
Update your index.html file on this code then command npm run build
then firebase deploy
it will be working fine.在此代码上更新您的 index.html 文件,然后命令npm run build
然后firebase deploy
它将正常工作。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="Web site created using create-react-app"
/>
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<!--
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<!--
Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>React App</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<!--
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.
You can add webfonts, meta tags, or analytics to this file.
The build step will place the bundled scripts into the <body> tag.
To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`.
-->
</body>
</html>
Please make sure project build done correctly.请确保项目构建正确完成。
Building when firebase init
sometimes don't work correctly.构建时firebase init
有时无法正常工作。
So run build command (eg: npm run build
) mannualy before firebase deploy
所以在 firebase firebase deploy
之前手动运行构建命令(例如: npm run build
)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.