I’m using Netlify to deploy a React app. But it stuck when deploying and shows few warnings which doesn’t matter locally.

And I tried to use CI= npm run build command as well, it did successfully deployed but the page was not found, which shows “Looks like you’ve followed a broken link or entered a URL that doesn’t exist on this site.”

Why would this happen? and How could I solve this?

10:13:44 AM: Verify run directory
10:13:45 AM: ​
10:13:45 AM: ────────────────────────────────────────────────────────────────
10:13:45 AM:   Netlify Build                                                 
10:13:45 AM: ────────────────────────────────────────────────────────────────
10:13:45 AM: ​
10:13:45 AM: ❯ Version
10:13:45 AM:   @netlify/build 27.18.1
10:13:45 AM: ​
10:13:45 AM: ❯ Flags
10:13:45 AM:   baseRelDir: true
10:13:45 AM:   buildId: 6327b4129c51cc1f43f77437
10:13:45 AM:   deployId: 6327b4129c51cc1f43f77439
10:13:45 AM: ​
10:13:45 AM: ❯ Current directory
10:13:45 AM:   /opt/build/repo/Final/dev
10:13:45 AM: ​
10:13:45 AM: ❯ Config file
10:13:45 AM:   No config file was defined: using default values.
10:13:45 AM: ​
10:13:45 AM: ❯ Context
10:13:45 AM:   production
10:13:45 AM: ​
10:13:45 AM: ────────────────────────────────────────────────────────────────
10:13:45 AM:   1. Build command from Netlify app                             
10:13:45 AM: ────────────────────────────────────────────────────────────────
10:13:45 AM: ​
10:13:45 AM: $ npm start
10:13:45 AM: npm WARN config tmp This setting is no longer used.  npm stores temporary files in a special
10:13:45 AM: npm WARN config location in the cache, and they are managed by
10:13:45 AM: npm WARN config     [`cacache`](http://npm.im/cacache).
10:13:45 AM: > dev@0.1.0 start
10:13:45 AM: > react-scripts start
10:13:46 AM: (node:1533) [DEP_WEBPACK_DEV_SERVER_ON_AFTER_SETUP_MIDDLEWARE] DeprecationWarning: 'onAfterSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
10:13:46 AM: (Use `node --trace-deprecation ...` to show where the warning was created)
10:13:46 AM: (node:1533) [DEP_WEBPACK_DEV_SERVER_ON_BEFORE_SETUP_MIDDLEWARE] DeprecationWarning: 'onBeforeSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
10:13:47 AM: Starting the development server...
10:13:47 AM: 
10:14:08 AM: Compiled with warnings.
10:14:08 AM: 
10:14:08 AM: [eslint]
10:14:08 AM: src/Homepage.jsx
10:14:08 AM:   Line 4:17:  'useState' is defined but never used  no-unused-vars
10:14:08 AM: src/Settings.jsx
10:14:08 AM:   Line 139:11:  'uploadAvatar2fb' is assigned a value but never used  no-unused-vars
10:14:08 AM: src/Signup.jsx
10:14:08 AM:   Line 66:21:  img elements must have an alt prop, either with meaningful text, or an empty string for decorative images  jsx-a11y/alt-text
10:14:08 AM: src/utils/firebase.js
10:14:08 AM:   Line 6:45:  'addDoc' is defined but never used  no-unused-vars
10:14:08 AM: Search for the keywords to learn more about each warning.
10:14:08 AM: To ignore, add // eslint-disable-next-line to the line before.
10:14:08 AM: WARNING in [eslint]
10:14:08 AM: src/Homepage.jsx
10:14:08 AM:   Line 4:17:  'useState' is defined but never used  no-unused-vars
10:14:08 AM: src/Settings.jsx
10:14:08 AM:   Line 139:11:  'uploadAvatar2fb' is assigned a value but never used  no-unused-vars
10:14:08 AM: src/Signup.jsx
10:14:08 AM:   Line 66:21:  img elements must have an alt prop, either with meaningful text, or an empty string for decorative images  jsx-a11y/alt-text
10:14:08 AM: src/utils/firebase.js
10:14:08 AM:   Line 6:45:  'addDoc' is defined but never used  no-unused-vars
10:14:08 AM: webpack compiled with 1 warning