At first I couldn’t figure out the base or path it wanted, but I believe I figured that part out now as it is actually trying to build it now. But It will keep running and try to build for 30 minutes and then fails. I’m getting a ton of module not found errors and a Child compilation error. The build runs perfectly fine locally. I’ve tried reading through multiple other forums and coming up with a solution. Help would be greatly appreciated! Thank You
Deploy log added after. Won’t let me post it (or build pics) because I’m a new user lol…
8:28:46 PM: build-image version: b3298a4e6935499b0fd0c6cd06bb13d1bb899d1a (focal)
8:28:46 PM: buildbot version: b3298a4e6935499b0fd0c6cd06bb13d1bb899d1a
8:28:46 PM: Fetching cached dependencies
8:28:46 PM: Starting to download cache of 2.8MB
8:28:46 PM: Finished downloading cache in 164ms
8:28:46 PM: Starting to extract cache
8:28:46 PM: Finished extracting cache in 16ms
8:28:46 PM: Finished fetching cache in 215ms
8:28:46 PM: Starting to prepare the repo for build
8:28:47 PM: Preparing Git Reference refs/heads/main
8:28:50 PM: Parsing package.json dependencies
8:28:50 PM: Different build dir detected, going to use the one specified in the Netlify configuration file: ‘my-portfolio’ versus ‘my-portfolio/src/index.js’ in the Netlify UI
8:28:50 PM: Different publish path detected, going to use the one specified in the Netlify configuration file: ‘my-portfolio/build’ versus ‘build’ in the Netlify UI
8:28:51 PM: Starting build script
8:28:51 PM: Installing dependencies
8:28:51 PM: Python version set to 2.7
8:28:51 PM: v16.19.0 is already installed.
8:28:51 PM: Now using node v16.19.0 (npm v8.19.3)
8:28:52 PM: Enabling Node.js Corepack
8:28:52 PM: Started restoring cached build plugins
8:28:52 PM: Finished restoring cached build plugins
8:28:52 PM: Attempting Ruby version 2.7.2, read from environment
8:28:52 PM: Using Ruby version 2.7.2
8:28:53 PM: Using PHP version 8.0
8:28:53 PM: Started restoring cached corepack dependencies
8:28:53 PM: Finished restoring cached corepack dependencies
8:28:53 PM: No npm workspaces detected
8:28:53 PM: Started restoring cached node modules
8:28:53 PM: Finished restoring cached node modules
8:28:53 PM: Bypassing sha validation. Running pre & post install scripts
8:28:53 PM: Installing npm packages using npm version 8.19.3
8:28:53 PM: npm WARN using --force Recommended protections disabled.
8:29:15 PM: npm WARN deprecated sourcemap-codec@1.4.8: Please use @jridgewell/sourcemap-codec instead
8:29:15 PM: npm WARN deprecated rollup-plugin-terser@7.0.2: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-terser
8:29:16 PM: npm WARN deprecated stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: Array.prototype.sort() - JavaScript | MDN
8:29:20 PM: npm WARN deprecated w3c-hr-time@1.0.2: Use your platform’s native performance.now() and performance.timeOrigin.
npm WARN deprecated svgo@1.3.2: This SVGO version is no longer supported. Upgrade to v2.x.x.
8:29:23 PM: added 1411 packages, and audited 1412 packages in 30s
8:29:23 PM: 231 packages are looking for funding
8:29:23 PM: run npm fund for details
8:29:23 PM: 6 high severity vulnerabilities
8:29:23 PM: To address all issues (including breaking changes), run:
8:29:23 PM: npm audit fix --force
8:29:23 PM: Run npm audit for details.
8:29:23 PM: npm packages installed
8:29:23 PM: Started restoring cached go cache
8:29:23 PM: Finished restoring cached go cache
8:29:23 PM: go version go1.19.5 linux/amd64
8:29:24 PM: Detected 1 framework(s)
8:29:24 PM: “create-react-app” at version “5.0.1”
8:29:24 PM: Installing missing commands
8:29:24 PM: Verify run directory
8:29:24 PM: Section completed: initializing
8:29:25 PM:
8:29:25 PM: Netlify Build
8:29:25 PM: ────────────────────────────────────────────────────────────────
8:29:25 PM:
8:29:25 PM: ❯ Version
8:29:25 PM: @netlify/build 29.5.4
8:29:25 PM:
8:29:25 PM: ❯ Flags
8:29:25 PM: baseRelDir: true
8:29:25 PM: buildId: 63e59dcaa1a59c000822bd40
8:29:25 PM: deployId: 63e59dcaa1a59c000822bd42
8:29:25 PM:
8:29:25 PM: ❯ Current directory
8:29:25 PM: /opt/build/repo/my-portfolio
8:29:25 PM:
8:29:25 PM: ❯ Config file
8:29:25 PM: /opt/build/repo/netlify.toml
8:29:25 PM:
8:29:25 PM: ❯ Context
8:29:25 PM: production
8:29:25 PM:
8:29:25 PM: 1. build.command from netlify.toml
8:29:25 PM: ────────────────────────────────────────────────────────────────
8:29:25 PM:
8:29:25 PM: $ npm install && npm start
8:29:28 PM: up to date, audited 1412 packages in 2s
8:29:28 PM: 231 packages are looking for funding
8:29:28 PM: run npm fund for details
8:29:28 PM: 6 high severity vulnerabilities
8:29:28 PM: To address all issues (including breaking changes), run:
8:29:28 PM: npm audit fix --force
8:29:28 PM: Run npm audit for details.
8:29:28 PM: > my-portfolio@0.1.0 start
8:29:28 PM: > node ./windows-setup.js && react-scripts start
8:29:28 PM: Setup reports node environment as undefined x64
8:29:28 PM: Ignoring setup because not development on Windows
8:29:30 PM: (node:1602) [DEP_WEBPACK_DEV_SERVER_ON_AFTER_SETUP_MIDDLEWARE] DeprecationWarning: ‘onAfterSetupMiddleware’ option is deprecated. Please use the ‘setupMiddlewares’ option.
8:29:30 PM: (Use node --trace-deprecation ... to show where the warning was created)
8:29:30 PM: (node:1602) [DEP_WEBPACK_DEV_SERVER_ON_BEFORE_SETUP_MIDDLEWARE] DeprecationWarning: ‘onBeforeSetupMiddleware’ option is deprecated. Please use the ‘setupMiddlewares’ option.
8:29:30 PM: Starting the development server…
8:29:30 PM:
8:29:37 PM: Compiled with warnings.
8:29:37 PM:
8:29:37 PM: [eslint]
8:29:37 PM: src/components/Portfolio.js
8:29:37 PM: Line 31:15: img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text
8:29:37 PM: Line 47:15: img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text
8:29:37 PM: Search for the keywords to learn more about each warning.
8:29:37 PM: To ignore, add // eslint-disable-next-line to the line before.
8:29:37 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/index.scss
8:29:37 PM: Deprecation math.random() will no longer ignore $limit units (2560px) in a future release.
8:29:37 PM:
8:29:37 PM: Recommendation: math.random(math.div($limit, 1px)) * 1px
8:29:37 PM:
8:29:37 PM: To preserve current behavior: math.random(math.div($limit, 1px))
8:29:37 PM:
8:29:37 PM: More info: https://sass-lang.com/d/function-units
8:29:37 PM:
8:29:37 PM: src/index.scss 14:20 particles()
8:29:37 PM: src/index.scss 20:15 particles()
8:29:37 PM: src/index.scss 81:3 root stylesheet
8:29:37 PM:
8:29:37 PM: Deprecation math.random() will no longer ignore $limit units (2560px) in a future release.
8:29:37 PM:
8:29:37 PM: Recommendation: math.random(math.div($limit, 1px)) * 1px
8:29:37 PM:
8:29:37 PM: To preserve current behavior: math.random(math.div($limit, 1px))
8:29:37 PM:
8:29:37 PM: More info: https://sass-lang.com/d/function-units
8:29:37 PM:
8:29:37 PM: src/index.scss 14:42 particles()
8:29:37 PM: src/index.scss 20:15 particles()
8:29:37 PM: src/index.scss 81:3 root stylesheet
8:29:37 PM:
8:29:37 PM: WARNING in [eslint]
8:29:37 PM: src/components/Portfolio.js
8:29:37 PM: Line 31:15: img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text
8:29:37 PM: Line 47:15: img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text
8:29:37 PM: webpack compiled with 1 warning
8:30:33 PM: Canceling deploy
8:30:33 PM: Failed to compile.
8:30:33 PM:
8:30:33 PM: Module not found: Error: Can’t resolve ‘/opt/build/repo/my-portfolio/node_modules/source-map-loader/dist/cjs.js’ in ‘/opt/build/repo/my-portfolio’
WARNING in [eslint]
8:30:33 PM: src/components/Portfolio.js
8:30:33 PM: Line 31:15: img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text
8:30:33 PM: Line 47:15: img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text
8:30:33 PM: ERROR in Module not found: Error: Can’t resolve ‘/opt/build/repo/my-portfolio/node_modules/source-map-loader/dist/cjs.js’ in ‘/opt/build/repo/my-portfolio’
8:30:33 PM: ERROR in Module not found: Error: Can’t resolve ‘/opt/build/repo/my-portfolio/node_modules/source-map-loader/dist/cjs.js’ in ‘/opt/build/repo/my-portfolio’
8:30:33 PM: ERROR in Module not found: Error: Can’t resolve ‘/opt/build/repo/my-portfolio/node_modules/source-map-loader/dist/cjs.js’ in ‘/opt/build/repo/my-portfolio’
8:30:33 PM: ERROR in main
8:30:33 PM: Module not found: Error: Can’t resolve ‘/opt/build/repo/my-portfolio/src/index.js’ in ‘/opt/build/repo/my-portfolio’
8:30:33 PM: ERROR in Error: Child compilation failed:
8:30:33 PM: Module not found: Error: Can’t resolve ‘/opt/build/repo/my-portfolio/node_modu les/html-webpack-plugin/lib/loader.js’ in ‘/opt/build/repo/my-portfolio’
ModuleNotFoundError: Module not found: Error: Can’t resolve ‘/opt/build/repo/m y-portfolio/node_modules/html-webpack-plugin/lib/loader.js’ in ‘/opt/build/rep o/my-portfolio’
at /opt/build/repo/my-portfolio/node_modules/webpack/lib/Compilation.js:20 16:28
8:30:33 PM: at /opt/build/repo/my-portfolio/node_modules/webpack/lib/NormalModuleFacto ry.js:798:13
8:30:33 PM: at eval (eval at create (/opt/build/repo/my-portfolio/node_modules/tapable /lib/HookCodeFactory.js:33:10), :10:1)
8:30:33 PM: at /opt/build/repo/my-portfolio/node_modules/webpack/lib/NormalModuleFacto ry.js:270:22
8:30:33 PM: at eval (eval at create (/opt/build/repo/my-portfolio/node_modules/tapable /lib/HookCodeFactory.js:33:10), :9:1)
8:30:33 PM: at /opt/build/repo/my-portfolio/node_modules/webpack/lib/NormalModuleFacto ry.js:434:22
8:30:33 PM: at /opt/build/repo/my-portfolio/node_modules/webpack/lib/NormalModuleFacto ry.js:120:11
8:30:33 PM: at /opt/build/repo/my-portfolio/node_modules/webpack/lib/NormalModuleFacto ry.js:635:23
8:30:33 PM: at /opt/build/repo/my-portfolio/node_modules/neo-async/async.js:2830:7
8:30:33 PM: at done (/opt/build/repo/my-portfolio/node_modules/neo-async/async.js:2925 :13)
8:30:33 PM: at /opt/build/repo/my-portfolio/node_modules/webpack/lib/NormalModuleFacto ry.js:1021:23
8:30:33 PM: at finishWithoutResolve (/opt/build/repo/my-portfolio/node_modules/enhance d-resolve/lib/Resolver.js:312:11)
8:30:33 PM: at /opt/build/repo/my-portfolio/node_modules/enhanced-resolve/lib/Resolver .js:386:15
8:30:33 PM: at /opt/build/repo/my-portfolio/node_modules/enhanced-resolve/lib/Resolver .js:435:5
8:30:33 PM: at eval (eval at create (/opt/build/repo/my-portfolio/node_modules/tapable /lib/HookCodeFactory.js:33:10), :16:1)
8:30:33 PM: at /opt/build/repo/my-portfolio/node_modules/enhanced-resolve/lib/Resolver .js:435:5
8:30:33 PM: at eval (eval at create (/opt/build/repo/my-portfolio/node_modules/tapable /lib/HookCodeFactory.js:33:10), :16:1)
8:30:33 PM: at /opt/build/repo/my-portfolio/node_modules/enhanced-resolve/lib/Resolver .js:435:5
8:30:33 PM: at eval (eval at create (/opt/build/repo/my-portfolio/node_modules/tapable /lib/HookCodeFactory.js:33:10), :15:1)
8:30:33 PM: at /opt/build/repo/my-portfolio/node_modules/enhanced-resolve/lib/Resolver .js:435:5
8:30:33 PM: at eval (eval at create (/opt/build/repo/my-portfolio/node_modules/tapable /lib/HookCodeFactory.js:33:10), :15:1)
8:30:33 PM: at /opt/build/repo/my-portfolio/node_modules/enhanced-resolve/lib/Resolver .js:435:5
8:30:33 PM: at eval (eval at create (/opt/build/repo/my-portfolio/node_modules/tapable /lib/HookCodeFactory.js:33:10), :16:1)
8:30:33 PM: at /opt/build/repo/my-portfolio/node_modules/enhanced-resolve/lib/Resolver .js:435:5
8:30:33 PM: at eval (eval at create (/opt/build/repo/my-portfolio/node_modules/tapable /lib/HookCodeFactory.js:33:10), :16:1)
8:30:33 PM: at /opt/build/repo/my-portfolio/node_modules/enhanced-resolve/lib/Resolver .js:435:5
8:30:33 PM: at eval (eval at create (/opt/build/repo/my-portfolio/node_modules/tapable /lib/HookCodeFactory.js:33:10), :16:1)
8:30:33 PM: at /opt/build/repo/my-portfolio/node_modules/enhanced-resolve/lib/Resolver .js:435:5
8:30:33 PM: at eval (eval at create (/opt/build/repo/my-portfolio/node_modules/tapable /lib/HookCodeFactory.js:33:10), :15:1)
8:30:33 PM: at /opt/build/repo/my-portfolio/node_modules/enhanced-resolve/lib/Director yExistsPlugin.js:41:15
8:30:33 PM: at processTicksAndRejections (node:internal/process/task_queues:82:21)
8:30:33 PM: - Compilation.js:2016
8:30:33 PM: [my-portfolio]/[webpack]/lib/Compilation.js:2016:28
8:30:33 PM: - NormalModuleFactory.js:798
8:30:33 PM: [my-portfolio]/[webpack]/lib/NormalModuleFactory.js:798:13
8:30:33 PM: - NormalModuleFactory.js:270
8:30:33 PM: [my-portfolio]/[webpack]/lib/NormalModuleFactory.js:270:22
8:30:33 PM: - NormalModuleFactory.js:434
8:30:33 PM: [my-portfolio]/[webpack]/lib/NormalModuleFactory.js:434:22
8:30:33 PM: - NormalModuleFactory.js:120
8:30:33 PM: [my-portfolio]/[webpack]/lib/NormalModuleFactory.js:120:11
8:30:33 PM: - NormalModuleFactory.js:635
8:30:33 PM: [my-portfolio]/[webpack]/lib/NormalModuleFactory.js:635:23
8:30:33 PM: - async.js:2830
8:30:33 PM: [my-portfolio]/[neo-async]/async.js:2830:7
8:30:33 PM: - async.js:2925 done
8:30:33 PM: [my-portfolio]/[neo-async]/async.js:2925:13
8:30:33 PM: - NormalModuleFactory.js:1021
8:30:33 PM: [my-portfolio]/[webpack]/lib/NormalModuleFactory.js:1021:23
8:30:33 PM: - Resolver.js:312 finishWithoutResolve
8:30:33 PM: [my-portfolio]/[enhanced-resolve]/lib/Resolver.js:312:11
8:30:33 PM: - Resolver.js:386
8:30:33 PM: [my-portfolio]/[enhanced-resolve]/lib/Resolver.js:386:15
8:30:33 PM: - Resolver.js:435
8:30:33 PM: [my-portfolio]/[enhanced-resolve]/lib/Resolver.js:435:5
8:30:33 PM: - Resolver.js:435
8:30:33 PM: [my-portfolio]/[enhanced-resolve]/lib/Resolver.js:435:5
8:30:33 PM: - Resolver.js:435
8:30:33 PM: [my-portfolio]/[enhanced-resolve]/lib/Resolver.js:435:5
8:30:33 PM: - Resolver.js:435
8:30:33 PM: [my-portfolio]/[enhanced-resolve]/lib/Resolver.js:435:5
8:30:33 PM: - Resolver.js:435
8:30:33 PM: [my-portfolio]/[enhanced-resolve]/lib/Resolver.js:435:5
8:30:33 PM: - Resolver.js:435
8:30:33 PM: [my-portfolio]/[enhanced-resolve]/lib/Resolver.js:435:5
8:30:33 PM: - Resolver.js:435
8:30:33 PM: [my-portfolio]/[enhanced-resolve]/lib/Resolver.js:435:5
8:30:33 PM: - Resolver.js:435
8:30:33 PM: [my-portfolio]/[enhanced-resolve]/lib/Resolver.js:435:5
8:30:33 PM: - DirectoryExistsPlugin.js:41
8:30:33 PM: [my-portfolio]/[enhanced-resolve]/lib/DirectoryExistsPlugin.js:41:15
8:30:33 PM: - task_queues:82 processTicksAndRejections
8:30:33 PM: node:internal/process/task_queues:82:21
8:30:33 PM: - child-compiler.js:169
8:30:33 PM: [my-portfolio]/[html-webpack-plugin]/lib/child-compiler.js:169:18
8:30:33 PM: - Compiler.js:551 finalCallback
8:30:33 PM: [my-portfolio]/[webpack]/lib/Compiler.js:551:5
8:30:33 PM: - Compiler.js:577
8:30:33 PM: [my-portfolio]/[webpack]/lib/Compiler.js:577:11
8:30:33 PM: - Compiler.js:1196
8:30:33 PM: [my-portfolio]/[webpack]/lib/Compiler.js:1196:17
8:30:33 PM: - Hook.js:18 Hook.CALL_ASYNC_DELEGATE [as _callAsync]
8:30:33 PM: [my-portfolio]/[tapable]/lib/Hook.js:18:14
8:30:33 PM: - Compiler.js:1192
8:30:33 PM: [my-portfolio]/[webpack]/lib/Compiler.js:1192:33
8:30:33 PM: - Compilation.js:2787 finalCallback
8:30:33 PM: [my-portfolio]/[webpack]/lib/Compilation.js:2787:11
8:30:33 PM: - Compilation.js:3092
8:30:33 PM: [my-portfolio]/[webpack]/lib/Compilation.js:3092:11
8:30:33 PM: - Hook.js:18 Hook.CALL_ASYNC_DELEGATE [as _callAsync]
8:30:33 PM: [my-portfolio]/[tapable]/lib/Hook.js:18:14
8:30:33 PM: - Compilation.js:3085
8:30:33 PM: [my-portfolio]/[webpack]/lib/Compilation.js:3085:38
8:30:33 PM: - Compilation.js:521
8:30:33 PM: [my-portfolio]/[webpack]/lib/Compilation.js:521:10
8:30:33 PM: - SourceMapDevToolPlugin.js:549
8:30:33 PM: [my-portfolio]/[webpack]/lib/SourceMapDevToolPlugin.js:549:10
8:30:33 PM: - async.js:2830
8:30:33 PM: [my-portfolio]/[neo-async]/async.js:2830:7
8:30:33 PM: - async.js:2857 Object.each
8:30:33 PM: [my-portfolio]/[neo-async]/async.js:2857:9
8:30:33 PM: - SourceMapDevToolPlugin.js:384
8:30:33 PM: [my-portfolio]/[webpack]/lib/SourceMapDevToolPlugin.js:384:17
8:30:33 PM: - async.js:2830
8:30:33 PM: [my-portfolio]/[neo-async]/async.js:2830:7
8:30:33 PM: - async.js:2857 Object.each
8:30:33 PM: [my-portfolio]/[neo-async]/async.js:2857:9
8:30:33 PM:
8:30:33 PM: 1 ERROR in child compilations (Use ‘stats.children: true’ resp. ‘–stats-children’ for more details)
8:30:33 PM: webpack compiled with 6 errors and 1 warning
8:30:33 PM: Failed to compile.
8:30:33 PM:
8:30:33 PM: Module not found: Error: Can’t resolve ‘/opt/build/repo/my-portfolio/node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ReactRefreshEntry.js’ in ‘/opt/build/repo/my-portfolio’
WARNING in [eslint]
8:30:33 PM: src/components/Portfolio.js
8:30:33 PM: Line 31:15: img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text
8:30:33 PM: Line 47:15: img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text
8:30:33 PM: ERROR in Module not found: Error: Can’t resolve ‘/opt/build/repo/my-portfolio/node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ReactRefreshEntry.js’ in ‘/opt/build/repo/my-portfolio’
8:30:33 PM: ERROR in Module not found: Error: Can’t resolve ‘/opt/build/repo/my-portfolio/node_modules/source-map-loader/dist/cjs.js’ in ‘/opt/build/repo/my-portfolio’
8:30:33 PM: ERROR in Module not found: Error: Can’t resolve ‘/opt/build/repo/my-portfolio/node_modules/source-map-loader/dist/cjs.js’ in ‘/opt/build/repo/my-portfolio’
8:30:33 PM: ERROR in main
8:30:33 PM: Module not found: Error: Can’t resolve ‘/opt/build/repo/my-portfolio/src/index.js’ in ‘/opt/build/repo/my-portfolio’
8:30:33 PM: ERROR in Error: Child compilation failed:
8:30:33 PM: Module not found: Error: Can’t resolve ‘/opt/build/repo/my-portfolio/node_modu les/html-webpack-plugin/lib/loader.js’ in ‘/opt/build/repo/my-portfolio’
ModuleNotFoundError: Module not found: Error: Can’t resolve ‘/opt/build/repo/m y-portfolio/node_modules/html-webpack-plugin/lib/loader.js’ in ‘/opt/build/rep o/my-portfolio’
at /opt/build/repo/my-portfolio/node_modules/webpack/lib/Compilation.js:20 16:28