I'm trying to deploy my app created using create-react-app on Google App Engine.
My app works well on local (both npm start
and npm run build & serve -s build
).
However, the deployed app on Google App Engine shows only the index.html, and does not call my react code.
The Chrome Developer Console is showing Uncaught SyntaxError: Unexpected token <
.
Also, I found on console.cloud.google.com that the deployed app did not include the build folder. Is this correct?
Anyone can solve this problem?
Here is my package.json:
{
"name": "XXXXX",
"version": "0.1.0",
"private": true,
"dependencies": {
"react": "^16.8.2",
"react-dom": "^16.8.2",
"react-ga": "^2.5.7",
"react-router-dom": "^4.3.1",
"react-scripts": "2.1.5"
},
"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"
]
}
Also, here is my app.yaml.
runtime: nodejs10
handlers:
- url: /.*
static_files: build/index.html
upload: build/index.html
- url: /
static_dir: build
See Question&Answers more detail:
os 与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…