Cloudflare Pages
Hi all, I am trying to upload my modern js app dist folder...it seems not be working...im seiing the below error in browser
This site can’t be reachedCheck if there is a typo in testapp-79o.pages.dev.
DNS_PROBE_FINISHED_NXDOMAIN
Any suggestion will help.
10 Replies
This site can’t be reachedCheck if there is a typo in testapp-79o.pages.dev. DNS_PROBE_FINISHED_NXDOMAINSounds like just dns cache. I can visit the website fine but I get a 404, what are the files you uploaded?
dist folder of the modernjs app...now i created a new project and uploaded again im seeing This test-app-2ca.pages.dev page can’t be foundNo webpage was found for the web address: https://test-app-2ca.pages.dev/
HTTP ERROR 404
Go to deployments -> view details, and then the "Assets uploaded" tab, screenshot and send
Magic link: https://dash.cloudflare.com/?to=/:account/pages/view/:pages-project/:pages-deployment/files
so your html is under main
https://test-app-2ca.pages.dev/main/
yes that is how pnpm build is compiling....stll i see 404
https://modernjs.dev/en/guides/basic-features/deploy.html this is what you're trying to use?
Deploy Application - Modern.js
A Progressive React Framework for modern web development.
yes pretty much....my package.json....{
"name": "mymodernjs",
"version": "0.1.0",
"scripts": {
"reset": "npx rimraf node_modules ./*/node_modules",
"dev": "modern dev",
"build": "modern build",
"start": "modern start",
"serve": "modern serve",
"new": "modern new",
"lint": "biome check",
"prepare": "simple-git-hooks",
"upgrade": "modern upgrade"
},
"engines": {
"node": ">=16.18.1"
},
"lint-staged": {
".{js,ts,cjs,mjs,d.cts,d.mts,jsx,tsx,json,jsonc}": [
"biome check --files-ignore-unknown=true"
]
},
"simple-git-hooks": {
"pre-commit": "npx lint-staged"
},
"dependencies": {
"@modern-js/runtime": "2.63.2",
"react": "^18.3.1",
"react-dom": "^18.3.1"
},
"devDependencies": {
"@biomejs/biome": "1.8.3",
"@cloudflare/workers-types": "^4.20241216.0",
"@modern-js/app-tools": "2.63.2",
"@modern-js/tsconfig": "2.63.2",
"@types/copy-webpack-plugin": "^10.1.3",
"@types/jest": "~29.2.4",
"@types/node": "~18.11.9",
"@types/react": "^18.3.11",
"@types/react-dom": "~18.3.1",
"copy-webpack-plugin": "^12.0.2",
"lint-staged": "~13.1.0",
"rimraf": "^6.0.1",
"simple-git-hooks": "^2.11.1",
"typescript": "~5.0.4",
"wrangler": "3.95.0"
}
}
Looks like it only supports node.js environments for full stack projects, i.e not Pages
Full-stack projects refer to projects that use Custom Web Server, SSR or BFF.Or if it's fully static/front-end only, you can deploy static but would need to mess with the paths
modern build does the dist folder i uploaded
this is frontend only and static..little advanced version of react...i remember it worked once in Pages but not sure why it is not working now