By onajjar
Hi,
Following the tutorial to deploy a React app to app platform https://www.digitalocean.com/community/tutorials/how-to-deploy-a-react-application-to-digitalocean-app-platform
in my local development machine I have new versions that the required one in the tutorial
I have: npm --version 7.7.5 node --version v15.7.0
when deploying to App platfor, it fails while building with the following error
qalat-ui | 12:42:04 => Initializing build
qalat-ui | 12:42:04 => Retrieving source code to /workspace
qalat-ui | 12:42:04 => Selecting branch "master"
qalat-ui | 12:42:05 => Checking out commit "c9f6e6c7244541e49dcb3fd3dab321184b2b30b5"
qalat-ui | 12:42:06 => Validating environment
qalat-ui | 12:42:06
qalat-ui | 12:42:06 => Building app using buildpacks
qalat-ui | 12:42:06 => Injecting app environment variables:
qalat-ui | 12:42:06 REACT_APP_API_BASE
qalat-ui | 12:42:06 => Configuring custom build command to be run at the end of the build:
qalat-ui | 12:42:06 npm run build
qalat-ui | 12:42:06 => Running buildpack detection
qalat-ui | 12:42:06
qalat-ui | 12:42:06 heroku/nodejs-engine 0.5.0
qalat-ui | 12:42:06 digitalocean/node 0.2.0
qalat-ui | 12:42:06 digitalocean/procfile 0.0.3
qalat-ui | 12:42:06 digitalocean/custom 0.1.0
qalat-ui | 12:42:06
qalat-ui | 12:42:06 => Building app
qalat-ui | 12:42:06
qalat-ui | 12:42:07 ---> Node.js Buildpack
qalat-ui | 12:42:07 ---> Installing toolbox
qalat-ui | 12:42:07 ---> - jq
qalat-ui | 12:42:07 ---> - yj
qalat-ui | 12:42:08 ---> Getting Node version
qalat-ui | 12:42:08 ---> Resolving Node version
qalat-ui | 12:42:10 ---> Downloading and extracting Node v15.12.0
qalat-ui | 12:42:24 ---> Parsing package.json
qalat-ui | 12:42:25 ---> No file to start server
qalat-ui | 12:42:25 ---> either use 'docker run' to start container or add index.js or server.js
qalat-ui | 12:42:26 unable to invoke layer creator
qalat-ui | 12:42:26 parsing package npm version range >=6: Could not parse Range ">=6": Could not parse version "6" in ">=6": No Major.Minor.Patch elements found
qalat-ui | 12:42:26 ERROR: failed to build: exit status 1
qalat-ui | 12:42:26 ! Build failed (145)
a snap from my package.json
"dependencies": {
"@coreui/chartjs": "^2.0.0",
"@coreui/coreui": "^3.4.0",
"@coreui/icons": "^2.0.0-rc.0",
"@coreui/icons-react": "^1.1.0",
"@coreui/react": "^3.4.6",
"@coreui/react-chartjs": "^1.1.0",
"@coreui/utils": "^1.3.1",
"@wojtekmaj/enzyme-adapter-react-17": "^0.6.0",
"axios": "^0.21.1",
"classnames": "^2.2.6",
"core-js": "^3.9.1",
"enzyme": "^3.11.0",
"i18next": "^20.1.0",
"i18next-browser-languagedetector": "^6.1.0",
"i18next-http-backend": "^1.2.1",
"node-sass": "^5.0.0",
"prop-types": "^15.7.2",
"react": "^17.0.2",
"react-app-polyfill": "^2.0.0",
"react-dom": "^17.0.2",
"react-dotenv": "^0.1.3",
"react-i18next": "^11.8.12",
"react-query": "^3.13.0",
"react-redux": "^7.2.3",
"react-router-dom": "^5.2.0",
"redux": "4.0.5"
},
"devDependencies": {
"auto-changelog": "~2.2.1",
"react-scripts": "^4.0.3"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-dotenv && react-scripts test",
"test:cov": "npm test -- --coverage --watchAll=false",
"test:debug": "react-scripts --inspect-brk test --runInBand",
"eject": "react-scripts eject",
"changelog": "auto-changelog --starting-version 3.0.0 --commit-limit false --hide-credit",
"serve": "npm run build && serve -s build"
},
"bugs": {
"url": "https://github.com/coreui/coreui-free-react-admin-template/issues"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": [
">0.2%",
"not dead",
"not ie <= 10",
"not op_mini all"
],
"jest": {
"collectCoverageFrom": [
"src/**/*.{js,jsx}",
"!**/*index.js",
"!src/serviceWorker.js",
"!src/polyfill.js"
]
},
"engines": {
"node": ">=10",
"npm": ">=6"
}
Any one faced same issue?
This textbox defaults to using Markdown to format your answer.
You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!
It is just solved by removing the “engines” entry from package.json and committing the changes to git hub since I have auto deploy setup
Get paid to write technical tutorials and select a tech-focused charity to receive a matching donation.
Full documentation for every DigitalOcean product.
The Wave has everything you need to know about building a business, from raising funding to marketing your product.
Stay up to date by signing up for DigitalOcean’s Infrastructure as a Newsletter.
New accounts only. By submitting your email you agree to our Privacy Policy
Scale up as you grow — whether you're running one virtual machine or ten thousand.
Sign up and get $200 in credit for your first 60 days with DigitalOcean.*
*This promotional offer applies to new accounts only.