Home
Support Forums

Build Failing Cannot find module '@react-google-maps

I need advice to debug deploy Netlify App

i have 2 more sites that are setup the same way, both are building without issues, just this one is having the problem.

Package.json:

Build Log:

2:18:04 PM: Build ready to start
2:18:05 PM: build-image version: dd2f6d8803393d46ac35a4f752a5a46f254c0300
2:18:05 PM: build-image tag: v3.9.1
2:18:05 PM: buildbot version: 6c239722780d25f7459732d3abcd7d0c04d5b246
2:18:06 PM: Building without cache
2:18:06 PM: Starting to prepare the repo for build
2:18:06 PM: No cached dependencies found. Cloning fresh repo
2:18:06 PM: git clone https://github.com/curbo/Curbo-Web
2:18:08 PM: Preparing Git Reference pull/957/head
2:18:09 PM: Parsing package.json dependencies
2:18:09 PM: Different publish path detected, going to use the one specified in the Netlify configuration file: 'build' versus 'build/' in the Netlify UI
2:18:10 PM: Starting build script
2:18:10 PM: Installing dependencies
2:18:10 PM: Python version set to 2.7
2:18:11 PM: Downloading and installing node v16.11.1...
2:18:11 PM: Downloading https://nodejs.org/dist/v16.11.1/node-v16.11.1-linux-x64.tar.xz...
2:18:11 PM: Computing checksum with sha256sum
2:18:12 PM: Checksums matched!
2:18:15 PM: Now using node v16.11.1 (npm v8.0.0)
2:18:15 PM: Started restoring cached build plugins
2:18:15 PM: Finished restoring cached build plugins
2:18:15 PM: Attempting ruby version 2.7.2, read from environment
2:18:16 PM: Using ruby version 2.7.2
2:18:17 PM: Using PHP version 5.6
2:18:17 PM: Started restoring cached node modules
2:18:17 PM: Finished restoring cached node modules
2:18:17 PM: Installing NPM modules using NPM version 8.0.0
2:19:11 PM: npm WARN deprecated flatten@1.0.3: flatten is deprecated in favor of utility frameworks such as lodash.
2:19:12 PM: npm WARN deprecated har-validator@5.1.5: this library is no longer supported
2:19:12 PM: npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
2:19:12 PM: npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
2:19:13 PM: npm WARN deprecated uuid@3.4.0: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
2:19:14 PM: npm WARN deprecated @hapi/topo@3.1.6: This version has been deprecated and is no longer supported or maintained
2:19:14 PM: npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
2:19:14 PM: npm WARN deprecated @hapi/bourne@1.3.2: This version has been deprecated and is no longer supported or maintained
2:19:15 PM: npm WARN deprecated @hapi/address@2.1.4: Moved to 'npm install @sideway/address'
2:19:16 PM: npm WARN deprecated querystring@0.2.0: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
2:19:18 PM: npm WARN deprecated @hapi/hoek@8.5.1: This version has been deprecated and is no longer supported or maintained
2:19:21 PM: npm WARN deprecated @hapi/joi@15.1.1: Switch to 'npm install joi'
2:19:21 PM: npm WARN deprecated eslint-loader@3.0.3: This loader has been deprecated. Please use eslint-webpack-plugin
2:19:22 PM: npm WARN deprecated babel-eslint@10.0.3: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.
2:19:23 PM: npm WARN deprecated request-promise-native@1.0.9: request-promise-native has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142
2:19:23 PM: npm WARN deprecated left-pad@1.3.0: use String.prototype.padStart()
2:19:23 PM: npm WARN deprecated html-webpack-plugin@4.0.0-beta.11: please switch to a stable version
2:19:24 PM: npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
2:19:24 PM: npm WARN deprecated sane@4.1.0: some dependency vulnerabilities fixed, support for node < 10 dropped, and newer ECMAScript syntax/features added
2:19:25 PM: npm WARN deprecated @types/testing-library__dom@7.5.0: This is a stub types definition. testing-library__dom provides its own type definitions, so you do not need this installed.
2:19:34 PM: npm WARN deprecated axios@0.19.2: Critical security vulnerability fixed in v0.21.1. For more information, see https://github.com/axios/axios/pull/3410
2:19:35 PM: npm WARN deprecated svgo@1.3.2: This SVGO version is no longer supported. Upgrade to v2.x.x.
2:19:38 PM: npm WARN deprecated popper.js@1.16.1: You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1
2:19:38 PM: npm WARN deprecated popper.js@1.16.1: You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1
2:19:39 PM: npm WARN deprecated highlight.js@9.13.1: Version no longer supported. Upgrade to @latest
2:19:40 PM: npm WARN deprecated highlight.js@9.18.5: Support has ended for 9.x series. Upgrade to @latest
2:19:44 PM: npm WARN deprecated core-js@1.2.7: core-js@<3.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.
2:19:48 PM: npm WARN deprecated core-js@2.6.12: core-js@<3.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.
2:20:04 PM: added 2359 packages, and audited 2796 packages in 2m
2:20:04 PM: 151 packages are looking for funding
2:20:04 PM:   run `npm fund` for details
2:20:04 PM: 129 vulnerabilities (5 low, 59 moderate, 64 high, 1 critical)
2:20:04 PM: To address issues that do not require attention, run:
2:20:04 PM:   npm audit fix
2:20:04 PM: To address all issues (including breaking changes), run:
2:20:04 PM:   npm audit fix --force
2:20:04 PM: Run `npm audit` for details.
2:20:04 PM: NPM modules installed
2:20:05 PM: Started restoring cached go cache
2:20:05 PM: Finished restoring cached go cache
2:20:05 PM: Installing Go version 1.16.5
2:20:10 PM: unset GOOS;
2:20:10 PM: unset GOARCH;
2:20:10 PM: export GOROOT='/opt/buildhome/.gimme_cache/versions/go1.16.5.linux.amd64';
2:20:10 PM: export PATH="/opt/buildhome/.gimme_cache/versions/go1.16.5.linux.amd64/bin:${PATH}";
2:20:10 PM: go version >&2;
2:20:10 PM: export GIMME_ENV="/opt/buildhome/.gimme_cache/env/go1.16.5.linux.amd64.env"
2:20:10 PM: go version go1.16.5 linux/amd64
2:20:10 PM: Installing missing commands
2:20:10 PM: Verify run directory
2:20:11 PM: ​
2:20:11 PM: ────────────────────────────────────────────────────────────────
2:20:11 PM:   Netlify Build                                                 
2:20:11 PM: ────────────────────────────────────────────────────────────────
2:20:11 PM: ​
2:20:11 PM: ❯ Version
2:20:11 PM:   @netlify/build 18.15.2
2:20:11 PM: ​
2:20:11 PM: ❯ Flags
2:20:11 PM:   baseRelDir: true
2:20:11 PM:   buildId: 6165d15cddfa8d006aed24ca
2:20:11 PM:   deployId: 6165d15cddfa8d006aed24cc
2:20:11 PM: ​
2:20:11 PM: ❯ Current directory
2:20:11 PM:   /opt/build/repo
2:20:11 PM: ​
2:20:11 PM: ❯ Config file
2:20:11 PM:   /opt/build/repo/netlify.toml
2:20:11 PM: ​
2:20:11 PM: ❯ Context
2:20:11 PM:   deploy-preview
2:20:11 PM: ​
2:20:11 PM: ────────────────────────────────────────────────────────────────
2:20:11 PM:   1. Build command from Netlify app                             
2:20:11 PM: ────────────────────────────────────────────────────────────────
2:20:11 PM: ​
2:20:11 PM: $ CI=false npm run build
2:20:12 PM: > curbo-sellers-app@0.1.0 build /opt/build/repo
2:20:12 PM: > react-scripts build
2:20:13 PM: Creating an optimized production build...
2:22:03 PM: Failed to compile.
2:22:03 PM: 
2:22:03 PM: /opt/build/repo/src/components/ScheduleTestDrive/Process/Steps/Direction/index.tsx
2:22:03 PM: TypeScript error in /opt/build/repo/src/components/ScheduleTestDrive/Process/Steps/Direction/index.tsx(49,27):
2:22:03 PM: Cannot find module '@react-google-maps/api/dist/utils/make-load-script-url' or its corresponding type declarations.  TS2307
2:22:03 PM:     47 | } from '@react-google-maps/api';
2:22:03 PM:     48 | import { Circle } from '@react-google-maps/api';
2:22:03 PM:   > 49 | import { Libraries } from '@react-google-maps/api/dist/utils/make-load-script-url';
2:22:03 PM:        |                           ^
2:22:03 PM:     50 | import LocationSearch, { getDistanceFromLatLngInKm } from './search';
2:22:03 PM:     51 | 
2:22:03 PM:     52 | interface DirectionProps extends TestDriveBaseProps {}
2:22:03 PM: npm ERR! code ELIFECYCLE
2:22:03 PM: npm ERR! errno 1
2:22:03 PM: npm ERR! curbo-sellers-app@0.1.0 build: `react-scripts build`
2:22:03 PM: npm ERR! Exit status 1
2:22:03 PM: npm ERR!
2:22:03 PM: npm ERR! Failed at the curbo-sellers-app@0.1.0 build script.
2:22:03 PM: npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
2:22:03 PM: npm ERR! A complete log of this run can be found in:
2:22:03 PM: npm ERR!     /opt/buildhome/.npm/_logs/2021-10-12T18_22_03_645Z-debug.log
2:22:03 PM: ​
2:22:03 PM: ────────────────────────────────────────────────────────────────
2:22:03 PM:   "build.command" failed                                        
2:22:03 PM: ────────────────────────────────────────────────────────────────
2:22:03 PM: ​
2:22:03 PM:   Error message
2:22:03 PM:   Command failed with exit code 1: CI=false npm run build
2:22:03 PM: ​
2:22:03 PM:   Error location
2:22:03 PM:   In Build command from Netlify app:
2:22:03 PM:   CI=false npm run build
2:22:03 PM: ​
2:22:03 PM:   Resolved config
2:22:03 PM:   build:
2:22:03 PM:     command: CI=false npm run build
2:22:03 PM:     commandOrigin: ui
2:22:03 PM:     environment:
2:22:03 PM:       - GENERATE_SOURCEMAP
2:22:03 PM:       - REACT_APP_APP_URL
2:22:03 PM:       - REACT_APP_BASE_APP_URL
2:22:03 PM:       - REACT_APP_CAR_IMAGE_PLACEHOLDER
2:22:03 PM:       - REACT_APP_COUNTRY_CODE
2:22:03 PM:       - REACT_APP_ENVIRONMENT
2:22:03 PM:       - REACT_APP_GMAP_KEY
2:22:03 PM:       - REACT_APP_LANGUAGE
2:22:03 PM:       - REVIEW_ID
2:22:03 PM:       - SKIP_PREFLIGHT_CHECK
2:22:03 PM:     publish: /opt/build/repo/build
2:22:03 PM:     publishOrigin: ui
2:22:03 PM:   redirects:
2:22:04 PM:     - from: /*      status: 200      to: /  redirectsOrigin: configCaching artifacts
2:22:04 PM: Started saving node modules
2:22:04 PM: Finished saving node modules
2:22:04 PM: Started saving build plugins
2:22:04 PM: Finished saving build plugins
2:22:04 PM: Started saving pip cache
2:22:04 PM: Finished saving pip cache
2:22:04 PM: Started saving emacs cask dependencies
2:22:04 PM: Finished saving emacs cask dependencies
2:22:04 PM: Started saving maven dependencies
2:22:04 PM: Finished saving maven dependencies
2:22:04 PM: Started saving boot dependencies
2:22:04 PM: Finished saving boot dependencies
2:22:04 PM: Started saving rust rustup cache
2:22:04 PM: Finished saving rust rustup cache
2:22:04 PM: Started saving go dependencies
2:22:05 PM: Finished saving go dependencies
2:22:08 PM: Build failed due to a user error: Build script returned non-zero exit code: 2
2:22:08 PM: Creating deploy upload records
2:22:09 PM: Failing build: Failed to build site
2:22:09 PM: Failed during stage 'building site': Build script returned non-zero exit code: 2
2:22:09 PM: Finished processing build request in 4m3.141141409s

hi there, it is a little hard to pinpoint exactly whatis going on, but the package.json you shared does not list any google dependencies for google maps as far as i can see.

they’ll need to be listed as dev dependencies if they are needed at build time. does this help at all?