Hi,
I am trying to publish a site using the auto-deploy from Git, and it seems to be stuck in the “Building” state and times out after 15 mins. I was wondering if there is any resolution to this, or if there is something wrong with the site.
- Netlify site: https://nikhil-kharbanda.netlify.app
> 10:47:34 PM: build-image version: 8205490ca60064f5c9949f585e9e35b434be95b8 (focal)
10:47:34 PM: buildbot version: eb0b3c03ee1b40888f6883e255e3a141a5a683be
10:47:34 PM: Fetching cached dependencies
10:47:34 PM: Starting to download cache of 112.7MB
10:47:37 PM: Finished downloading cache in 2.071s
10:47:37 PM: Starting to extract cache
10:47:38 PM: Finished extracting cache in 1.511s
10:47:38 PM: Finished fetching cache in 3.646s
10:47:38 PM: Starting to prepare the repo for build
10:47:38 PM: Preparing Git Reference refs/heads/main
10:47:40 PM: Starting to install dependencies
10:47:40 PM: Python version set to 3.8
10:47:40 PM: Attempting Ruby version 2.7.2, read from environment
10:47:41 PM: Using Ruby version 2.7.2
10:47:41 PM: Started restoring cached go cache
10:47:41 PM: Finished restoring cached go cache
10:47:41 PM: go version go1.19.12 linux/amd64
10:47:42 PM: Using PHP version 8.0
10:47:42 PM: Started restoring cached Node.js version
10:47:43 PM: Finished restoring cached Node.js version
10:47:43 PM: v18.17.1 is already installed.
10:47:44 PM: Now using node v18.17.1 (npm v9.6.7)
10:47:44 PM: Enabling Node.js Corepack
10:47:44 PM: Started restoring cached build plugins
10:47:44 PM: Finished restoring cached build plugins
10:47:44 PM: Started restoring cached corepack dependencies
10:47:44 PM: Finished restoring cached corepack dependencies
10:47:44 PM: No npm workspaces detected
10:47:44 PM: Started restoring cached node modules
10:47:44 PM: Finished restoring cached node modules
10:47:44 PM: Installing npm packages using npm version 9.6.7
10:47:51 PM: added 47 packages, removed 4 packages, changed 138 packages, and audited 1531 packages in 7s
10:47:51 PM: 247 packages are looking for funding
10:47:51 PM: run `npm fund` for details
10:47:51 PM: 6 high severity vulnerabilities
10:47:51 PM: To address all issues (including breaking changes), run:
10:47:51 PM: npm audit fix --force
10:47:51 PM: Run `npm audit` for details.
10:47:51 PM: npm packages installed
10:47:52 PM: Install dependencies script success
10:47:52 PM: Starting build script
10:47:53 PM: Detected 1 framework(s)
10:47:53 PM: create-react-app at version 5.0.1
10:47:53 PM: Section completed: initializing
10:47:54 PM:
10:47:54 PM: Netlify Build
10:47:54 PM: ────────────────────────────────────────────────────────────────
10:47:54 PM:
10:47:54 PM: ❯ Version
10:47:54 PM: @netlify/build 29.20.11
10:47:54 PM:
10:47:54 PM: ❯ Flags
10:47:54 PM: baseRelDir: true
10:47:54 PM: buildId: 64efff45a8aa350008b1f3e0
10:47:54 PM: deployId: 64efff45a8aa350008b1f3e2
10:47:54 PM:
10:47:54 PM: ❯ Current directory
10:47:54 PM: /opt/build/repo
10:47:54 PM:
10:47:54 PM: ❯ Config file
10:47:54 PM: No config file was defined: using default values.
10:47:54 PM:
10:47:54 PM: ❯ Context
10:47:54 PM: production
10:47:54 PM:
10:47:54 PM: Build command from Netlify app
10:47:54 PM: ────────────────────────────────────────────────────────────────
10:47:54 PM:
10:47:54 PM: $ npm run start
10:47:54 PM: > react-portfolio@0.1.0 start
10:47:54 PM: > react-scripts start
10:47:55 PM: (node:3804) [DEP_WEBPACK_DEV_SERVER_ON_AFTER_SETUP_MIDDLEWARE] DeprecationWarning: 'onAfterSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
10:47:55 PM: (Use `node --trace-deprecation ...` to show where the warning was created)
10:47:55 PM: (node:3804) [DEP_WEBPACK_DEV_SERVER_ON_BEFORE_SETUP_MIDDLEWARE] DeprecationWarning: 'onBeforeSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
10:47:56 PM: Starting the development server...
10:47:56 PM:
10:47:58 PM: One of your dependencies, babel-preset-react-app, is importing the
10:47:58 PM: @babel/plugin-proposal-private-property-in-object package without
10:47:58 PM: declaring it in its dependencies. This is currently working because
10:47:58 PM: @babel/plugin-proposal-private-property-in-object is already in your
10:47:58 PM: node_modules folder for unrelated reasons, but it may break at any time.
10:47:58 PM: babel-preset-react-app is part of the create-react-app project, which
10:47:58 PM: is not maintianed anymore. It is thus unlikely that this bug will
10:47:58 PM: ever be fixed. Add @babel/plugin-proposal-private-property-in-object to
10:47:58 PM: your devDependencies to work around this error. This will make this message
10:47:58 PM: go away.
10:48:04 PM: Compiled successfully!
10:48:04 PM: You can now view react-portfolio in the browser.
10:48:04 PM: Local: http://localhost:3000
10:48:04 PM: On Your Network: http://10.71.38.246:3000
10:48:04 PM: Note that the development build is not optimized.
10:48:04 PM: To create a production build, use npm run build.
10:48:04 PM: LOG from ./node_modules/sass-loader/dist/cjs.js sass-loader ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].oneOf[7].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[4]!./src/App.scss
10:48:04 PM: <w> Deprecation Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
10:48:04 PM: <w>
10:48:04 PM: <w> Recommendation: math.div(-$size, 4) or calc(-1 * $size / 4)
10:48:04 PM: <w>
10:48:04 PM: <w> More info and automated migrator: https://sass-lang.com/d/slash-div
10:48:04 PM: <w>
10:48:04 PM: <w> node_modules/loaders.css/src/animations/pacman.scss 46:38 @import
10:48:04 PM: <w> src/App.scss 3:9 root stylesheet
10:48:04 PM: <w>
10:48:04 PM: <w> Deprecation Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
10:48:04 PM: <w>
10:48:04 PM: <w> Recommendation: math.div(-$size, 4) or calc(-1 * $size / 4)
10:48:04 PM: <w>
10:48:04 PM: <w> More info and automated migrator: https://sass-lang.com/d/slash-div
10:48:04 PM: <w>
10:48:04 PM: <w> node_modules/loaders.css/src/animations/pacman.scss 88:29 @import
10:48:04 PM: <w> src/App.scss 3:9 root stylesheet
10:48:04 PM: <w>
10:48:04 PM: LOG from ./node_modules/sass-loader/dist/cjs.js sass-loader ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].oneOf[7].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[4]!./src/components/AnimatedLetters/index.scss
10:48:04 PM: <w> Deprecation Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
10:48:04 PM: <w>
10:48:04 PM: <w> Recommendation: math.div($i, 10) or calc($i / 10)
10:48:04 PM: <w>
10:48:04 PM: <w> More info and automated migrator: https://sass-lang.com/d/slash-div
10:48:04 PM: <w>
10:48:04 PM: <w> src/components/AnimatedLetters/index.scss 23:28 root stylesheet
10:48:04 PM: <w>
10:48:04 PM: webpack compiled successfully