[英]How to deploy react apps into apache server in localhost
我使用CRA創建了一個react應用程序( https://github.com/facebook/create-react-app )並嘗試使用命令構建npm run build使用所有生產文件創建build文件夾但是當我嘗試將build文件夾復制到localhost中的web服務器頁面顯示為空白。 html沒有注入我的根div,所以基本上似乎我的javascript無法將內容添加到dom中。
控制台上沒有錯誤,所以我不知道在哪里查看問題的原因。
我的package.json如下所示:
{
"name": "trial-as",
"version": "0.1.0",
"private": true,
"dependencies": {
"@fortawesome/fontawesome-svg-core": "^1.2.15",
"@fortawesome/free-solid-svg-icons": "^5.7.2",
"@fortawesome/react-fontawesome": "^0.1.4",
"@react-firebase/auth": "^0.2.9",
"@react-firebase/database": "^0.3.10",
"bootstrap": "^4.3.1",
"d3": "^5.9.1",
"firebase": "^5.8.3",
"moment": "^2.24.0",
"react": "^16.8.2",
"react-dom": "^16.8.2",
"react-faux-dom": "^4.4.0",
"react-router-dom": "^4.3.1",
"react-scripts": "2.1.5",
"react-vis": "^1.11.6",
"reactstrap": "^7.1.0",
"recompose": "^0.30.0",
"prop-types": "latest"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": [
">0.2%",
"not dead",
"not ie <= 11",
"not op_mini all"
]
}
這就是dom的樣子:
<div id="root"><div></div></div>
你應該在html中導入ure javascript文件,如下所示:
<script src="/js/app.js"> </script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.