R
Railway•16mo ago
Charles_

Yarn build is not optimized

I've defined yarn build as my Build Command for a React website, however in the deploy logs I get: 
Note that the development build is not optimized.
To create a production build, use yarn build.
Note that the development build is not optimized.
To create a production build, use yarn build.
What am I missing?
25 Replies
Percy
Percy•16mo ago
Project ID: b61d7fc0-1624-4c8a-ae9b-1a2a06f6e706
Percy
Percy•16mo ago
Charles_
Charles_•16mo ago
b61d7fc0-1624-4c8a-ae9b-1a2a06f6e706
Brody
Brody•16mo ago
send your package.json?
Charles_
Charles_•16mo ago
{
  "name": "quantsight",
  "version": "2.0.0",
  "private": true,
  "dependencies": {
    "@iconscout/react-unicons": "^1.1.6",
    "@reduxjs/toolkit": "^1.9.2",
    "@stripe/react-stripe-js": "^1.16.4",
    "@stripe/stripe-js": "^1.46.0",
    "axios": "^1.3.3",
    "bootstrap": "^5.1.3",
    "classnames": "^2.3.1",
    "emailjs-com": "^3.2.0",
    "feather-icons-react": "^0.5.0",
    "formik": "^2.2.9",
    "node-sass": "^8.0.0",
    "prismjs": "^1.29.0",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-drawer": "^1.3.4",
    "react-redux": "^8.0.5",
    "react-router-dom": "^6.8.1",
    "react-scripts": "^5.0.1",
    "reactstrap": "^9.1.1",
    "redux": "^4.2.1",
    "stripe": "^11.11.0",
    "web-vitals": "^2.1.4",
    "webpack": "^5.73.0",
    "yup": "^0.32.11"
  },
  "scripts": {
    "start": "react-scripts --openssl-legacy-provider start",
    "build": "react-scripts build --max_old_space_size=8000 build",
    "lint": "eslint .",
    "lint:fix": "eslint --fix .",
    "format": "prettier --write \"**/*.{js,jsx,json,md,html,css,less,scss}\"",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
{
  "name": "quantsight",
  "version": "2.0.0",
  "private": true,
  "dependencies": {
    "@iconscout/react-unicons": "^1.1.6",
    "@reduxjs/toolkit": "^1.9.2",
    "@stripe/react-stripe-js": "^1.16.4",
    "@stripe/stripe-js": "^1.46.0",
    "axios": "^1.3.3",
    "bootstrap": "^5.1.3",
    "classnames": "^2.3.1",
    "emailjs-com": "^3.2.0",
    "feather-icons-react": "^0.5.0",
    "formik": "^2.2.9",
    "node-sass": "^8.0.0",
    "prismjs": "^1.29.0",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-drawer": "^1.3.4",
    "react-redux": "^8.0.5",
    "react-router-dom": "^6.8.1",
    "react-scripts": "^5.0.1",
    "reactstrap": "^9.1.1",
    "redux": "^4.2.1",
    "stripe": "^11.11.0",
    "web-vitals": "^2.1.4",
    "webpack": "^5.73.0",
    "yup": "^0.32.11"
  },
  "scripts": {
    "start": "react-scripts --openssl-legacy-provider start",
    "build": "react-scripts build --max_old_space_size=8000 build",
    "lint": "eslint .",
    "lint:fix": "eslint --fix .",
    "format": "prettier --write \"**/*.{js,jsx,json,md,html,css,less,scss}\"",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "eslint:recommended",
      "plugin:react/recommended"
    ],
    "babelOptions": {
      "presets": [
        "@babel/preset-react"
      ]
    },
    "parser": "@babel/eslint-parser",
    "parserOptions": {
      "requireConfigFile": false,
      "ecmaVersion": 2020,
      "sourceType": "module",
      "ecmaFeatures": {
        "jsx": true
      }
    },
    "env": {
      "browser": true,
      "es6": true
    },
    "globals": {
      "$": true
    },
    "settings": {
      "react": {
        "version": "^17.0.1"
      }
    },
    "rules": {
      "semi": [
        "error",
        "never"
      ]
    }
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "eslint-config-standard-react": "^9.2.0",
    "eslint-plugin-react": "^7.20.6",
    "prettier": "^2.1.1"
  }
}
  "eslintConfig": {
    "extends": [
      "eslint:recommended",
      "plugin:react/recommended"
    ],
    "babelOptions": {
      "presets": [
        "@babel/preset-react"
      ]
    },
    "parser": "@babel/eslint-parser",
    "parserOptions": {
      "requireConfigFile": false,
      "ecmaVersion": 2020,
      "sourceType": "module",
      "ecmaFeatures": {
        "jsx": true
      }
    },
    "env": {
      "browser": true,
      "es6": true
    },
    "globals": {
      "$": true
    },
    "settings": {
      "react": {
        "version": "^17.0.1"
      }
    },
    "rules": {
      "semi": [
        "error",
        "never"
      ]
    }
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "eslint-config-standard-react": "^9.2.0",
    "eslint-plugin-react": "^7.20.6",
    "prettier": "^2.1.1"
  }
}
Had to split to due to char limit
Brody
Brody•16mo ago
is this a csr rendered site?
Charles_
Charles_•16mo ago
Correct
Brody
Brody•16mo ago
well I see you have put build twice in the build script
Charles_
Charles_•16mo ago
It's already there twice no?
Brody
Brody•16mo ago
react-scripts build --max_old_space_size=8000 build build build what do you have defined as your build and start commands in the service settings
Charles_
Charles_•16mo ago
I just have this in build and nothing in the deploy section I see, you're saying it should just be there once?
Brody
Brody•16mo ago
Brody
Brody•16mo ago
do you have anything set here?
rdil
rdil•16mo ago
hey - yarn dev here! you should change it to NODE_OPTIONS=--max-old-space-size=8000 react-scripts build
Charles_
Charles_•16mo ago
I don't have anything defined here, should I? I'm still getting same issue: 
yarn run v1.22.19
$ react-scripts --openssl-legacy-provider start
(node:38) [DEP_WEBPACK_DEV_SERVER_ON_AFTER_SETUP_MIDDLEWARE] DeprecationWarning: 'onAfterSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
(Use `node --trace-deprecation ...` to show where the warning was created)
(node:38) [DEP_WEBPACK_DEV_SERVER_ON_BEFORE_SETUP_MIDDLEWARE] DeprecationWarning: 'onBeforeSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
Starting the development server...
Compiled successfully!
You can now view [redacted] in the browser.
Local:            http://localhost:5449
On Your Network:  http://[redacted]:5449
Note that the development build is not optimized.
To create a production build, use yarn build.
webpack compiled successfully
Compiling...
Compiled successfully!
webpack compiled successfully
yarn run v1.22.19
$ react-scripts --openssl-legacy-provider start
(node:38) [DEP_WEBPACK_DEV_SERVER_ON_AFTER_SETUP_MIDDLEWARE] DeprecationWarning: 'onAfterSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
(Use `node --trace-deprecation ...` to show where the warning was created)
(node:38) [DEP_WEBPACK_DEV_SERVER_ON_BEFORE_SETUP_MIDDLEWARE] DeprecationWarning: 'onBeforeSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
Starting the development server...
Compiled successfully!
You can now view [redacted] in the browser.
Local:            http://localhost:5449
On Your Network:  http://[redacted]:5449
Note that the development build is not optimized.
To create a production build, use yarn build.
webpack compiled successfully
Compiling...
Compiled successfully!
webpack compiled successfully
rdil
rdil•16mo ago
Are you on the latest version of react-scripts and associated tooling?
Unknown User
Unknown User•16mo ago
Message Not Public
Sign In & Join Server To View
Charles_
Charles_•16mo ago
Looks like it Thank, will try
Brody
Brody•16mo ago
also worth mentioning, react-scripts start, starts a development server and you should never use that in production, please use serve in your start command instead to serve the folder that was built
Charles_
Charles_•16mo ago
Thanks @Brody - can you please confirm the exact command? I'm not a JS dev. I'm also assuming this should be defined as a "Start Command"?
Brody
Brody•16mo ago
scripts.start in the package.json file serve build -s -p $PORT theres no need to define any build or start commands in the service settings, you can define them in the package.json file
Charles_
Charles_•16mo ago
Thank you
Brody
Brody•16mo ago
no problem!
Charles_
Charles_•16mo ago
If I try to add server npm i serve I get some conflict errors - can you please point on how to best address this? 
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: react-drawer@1.3.4
npm ERR! Found: react@18.2.0
npm ERR! node_modules/react
npm ERR!   peer react@">=16.8.0" from formik@2.2.9
npm ERR!   node_modules/formik
npm ERR!     formik@"^2.2.9" from the root project
npm ERR!   peer react@"^18.2.0" from react-dom@18.2.0
npm ERR!   node_modules/react-dom
npm ERR!     peer react-dom@"^16.8.0 || ^17 || ^18" from react-popper@2.3.0
npm ERR!     node_modules/react-popper
npm ERR!       react-popper@"^2.2.4" from reactstrap@9.1.5
npm ERR!       node_modules/reactstrap
npm ERR!         reactstrap@"^9.1.1" from the root project
npm ERR!     peerOptional react-dom@"^16.8 || ^17.0 || ^18.0" from react-redux@8.0.5
npm ERR!     node_modules/react-redux
npm ERR!       peerOptional react-redux@"^7.2.1 || ^8.0.2" from @reduxjs/toolkit@1.9.2
npm ERR!       node_modules/@reduxjs/toolkit
npm ERR!         @reduxjs/toolkit@"^1.9.2" from the root project
npm ERR!       1 more (the root project)
npm ERR!     5 more (react-transition-group, react-router-dom, reactstrap, ...)
npm ERR!   11 more (react-popper, react-redux, react-scripts, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^0.14.7 || ^15.0.0" from react-drawer@1.3.4
npm ERR! node_modules/react-drawer
npm ERR!   react-drawer@"^1.3.4" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: react@15.7.0
npm ERR! node_modules/react
npm ERR!   peer react@"^0.14.7 || ^15.0.0" from react-drawer@1.3.4
npm ERR!   node_modules/react-drawer
npm ERR!     react-drawer@"^1.3.4" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: react-drawer@1.3.4
npm ERR! Found: react@18.2.0
npm ERR! node_modules/react
npm ERR!   peer react@">=16.8.0" from formik@2.2.9
npm ERR!   node_modules/formik
npm ERR!     formik@"^2.2.9" from the root project
npm ERR!   peer react@"^18.2.0" from react-dom@18.2.0
npm ERR!   node_modules/react-dom
npm ERR!     peer react-dom@"^16.8.0 || ^17 || ^18" from react-popper@2.3.0
npm ERR!     node_modules/react-popper
npm ERR!       react-popper@"^2.2.4" from reactstrap@9.1.5
npm ERR!       node_modules/reactstrap
npm ERR!         reactstrap@"^9.1.1" from the root project
npm ERR!     peerOptional react-dom@"^16.8 || ^17.0 || ^18.0" from react-redux@8.0.5
npm ERR!     node_modules/react-redux
npm ERR!       peerOptional react-redux@"^7.2.1 || ^8.0.2" from @reduxjs/toolkit@1.9.2
npm ERR!       node_modules/@reduxjs/toolkit
npm ERR!         @reduxjs/toolkit@"^1.9.2" from the root project
npm ERR!       1 more (the root project)
npm ERR!     5 more (react-transition-group, react-router-dom, reactstrap, ...)
npm ERR!   11 more (react-popper, react-redux, react-scripts, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^0.14.7 || ^15.0.0" from react-drawer@1.3.4
npm ERR! node_modules/react-drawer
npm ERR!   react-drawer@"^1.3.4" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: react@15.7.0
npm ERR! node_modules/react
npm ERR!   peer react@"^0.14.7 || ^15.0.0" from react-drawer@1.3.4
npm ERR!   node_modules/react-drawer
npm ERR!     react-drawer@"^1.3.4" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
Brody
Brody•16mo ago
Fix the upstream dependency conflict or retry this command with --force or --legacy-peer-deps to accept an incorrect (and potentially broken) dependency resolution.
Want results from more Discord servers?
Add your server
More Posts
Usage and Bills without any active deployI have one project created (Spring Boot Eureka). I have deployed it succesfully, but now 0 deploymenClient without GitHub on RailwayHi, I have a problem with pricing. I have a client who wants an app with a database, and I've decidecustom domain not workingcould anyone help me with setting up a custom domain? Check the image below, I added the cname recorRollback causes ${{Redis.REDIS_URL}} variables to be missing from configLove the rollback feature, its a lifesaver. although it seems to rollback my instance to a state wheUrgent Help Needed Account VerificationI have been using this Railway account for the past few months and I also had my account verified. BUnable to aend POST requestHey i am trying to send a POST request to an external API from my flask application in the UI i am gGetting worker timeout errorHey i am trying to send a POST request to an external API from my flask application in the UI i am gGet IP to create subdomain on GodaddyI'd like to create a subdomain in Godaddy that links to a nodejs backend app deployed on Railway. CORS Blocking When Deployed on Railway```ts app.use(function (req, res, next) { res.setHeader( "Access-Control-Allow-Origin", prBREAKING BUG - Enpoints being run 2 or 4 times for 1 requestAny help will be appreciated. I have been trying to debug this for a couple of hours, ruling out eve