gatsbybuild-errorkentico-kontentcloudflare-pages

Unable to use CloudFlare Pages to build due to gatsby.config invalid


I used cloudflare pages' to build my site, but I encountered the error: Cannot read properties of undefined (reading 'split')`. The following is a complete cloudflare log:

23:36:39.607    Initializing build environment. This may take up to a few minutes to complete
23:39:21.372    Success: Finished initializing build environment
23:39:21.372    Cloning repository...
23:39:23.083    Success: Finished cloning repository files
23:39:23.211    Installing dependencies
23:39:23.215    Python version set to 2.7
23:39:24.367    Downloading and installing node v17.4.0...
23:39:24.548    Downloading https://nodejs.org/dist/v17.4.0/node-v17.4.0-linux-x64.tar.xz...
23:39:24.860    Computing checksum with sha256sum
23:39:25.013    Checksums matched!
23:39:28.569    Now using node v17.4.0 (npm v8.3.1)
23:39:28.655    Started restoring cached build plugins
23:39:28.659    Finished restoring cached build plugins
23:39:28.808    Attempting ruby version 2.7.1, read from environment
23:39:29.966    Using ruby version 2.7.1
23:39:30.280    Using PHP version 5.6
23:39:30.317    5.2 is already installed.
23:39:30.325    Using Swift version 5.2
23:39:30.325    Started restoring cached node modules
23:39:30.328    Finished restoring cached node modules
23:39:31.135    Found npm version (8.3.1) that doesn't match expected (8.4.1)
23:39:31.135    Installing npm at version 8.4.1
23:39:34.201    
23:39:34.202    removed 1 package, changed 38 packages, and audited 217 packages in 3s
23:39:34.202    
23:39:34.202    11 packages are looking for funding
23:39:34.202      run `npm fund` for details
23:39:34.205    
23:39:34.205    3 moderate severity vulnerabilities
23:39:34.205    
23:39:34.205    To address all issues, run:
23:39:34.206      npm audit fix
23:39:34.206    
23:39:34.206    Run `npm audit` for details.
23:39:34.217    NPM installed successfully
23:39:34.658    Installing NPM modules using NPM version 8.4.1
23:39:51.138    npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
23:39:51.261    npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
23:39:51.353    npm WARN deprecated source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated
23:39:51.996    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.
23:39:53.095    npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
23:39:54.180    npm WARN deprecated source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecated
23:39:54.852    npm WARN deprecated querystring@0.2.1: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
23:39:59.626    npm WARN deprecated har-validator@5.1.5: this library is no longer supported
23:40:04.403    npm WARN deprecated babel-eslint@10.1.0: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.
23:40:05.052    npm WARN deprecated svgo@1.3.2: This SVGO version is no longer supported. Upgrade to v2.x.x.
23:40:06.272    npm WARN deprecated @hapi/bourne@1.3.2: This version has been deprecated and is no longer supported or maintained
23:40:06.971    npm WARN deprecated @hapi/address@2.1.4: Moved to 'npm install @sideway/address'
23:40:13.245    npm WARN deprecated @hapi/joi@15.1.1: Switch to 'npm install joi'
23:40:13.938    npm WARN deprecated @hapi/topo@3.1.6: This version has been deprecated and is no longer supported or maintained
23:40:14.138    npm WARN deprecated @hapi/hoek@8.5.1: This version has been deprecated and is no longer supported or maintained
23:40:14.754    npm WARN deprecated @hapi/hoek@8.5.1: This version has been deprecated and is no longer supported or maintained
23:43:07.275    
23:43:07.275    added 1961 packages, and audited 1962 packages in 4m
23:43:07.275    
23:43:07.275    272 packages are looking for funding
23:43:07.275      run `npm fund` for details
23:43:07.558    
23:43:07.558    43 vulnerabilities (20 moderate, 21 high, 2 critical)
23:43:07.558    
23:43:07.558    To address issues that do not require attention, run:
23:43:07.558      npm audit fix
23:43:07.558    
23:43:07.558    To address all issues (including breaking changes), run:
23:43:07.558      npm audit fix --force
23:43:07.558    
23:43:07.558    Run `npm audit` for details.
23:43:07.581    NPM modules installed
23:43:08.028    Installing Hugo 0.54.0
23:43:08.672    Hugo Static Site Generator v0.54.0-B1A82C61A/extended linux/amd64 BuildDate: 2019-02-01T10:04:38Z
23:43:08.674    Started restoring cached go cache
23:43:08.683    Finished restoring cached go cache
23:43:08.763    go version go1.14.4 linux/amd64
23:43:08.770    go version go1.14.4 linux/amd64
23:43:08.771    Installing missing commands
23:43:08.771    Verify run directory
23:43:08.771    Executing user command: gatsby build
23:43:09.178    tput: unknown terminal "unknown"
23:43:09.180    ╔════════════════════════════════════════════════════════════════════════╗
23:43:09.180    ║                                                                        ║
23:43:09.180    ║   Gatsby collects anonymous usage analytics                            ║
23:43:09.180    ║   to help improve Gatsby for all users.                                ║
23:43:09.180    ║                                                                        ║
23:43:09.180    ║   If you'd like to opt-out, you can use `gatsby telemetry --disable`   ║
23:43:09.180    ║   To learn more, checkout https://gatsby.dev/telemetry                 ║
23:43:09.180    ║                                                                        ║
23:43:09.180    ╚════════════════════════════════════════════════════════════════════════╝
23:43:12.022    
23:43:12.022     ERROR #10123  CONFIG
23:43:12.023    
23:43:12.023    We encountered an error while trying to load your site's gatsby-config. Please
23:43:12.023    fix the error and try again.
23:43:12.023    
23:43:12.023    
23:43:12.088    [2K[1A[2K[G
23:43:12.089    [0m
23:43:12.089    [0m  [0m[97m[41mTypeError[0m[37m[41m:[0m[37m[41m [0m[97m[41mCannot read properties of undefined (reading 'split')[0m
23:43:12.089    [0m  [0m
23:43:12.089    [0m  [0m[90m-[0m [0m[93mgatsby-config.js[0m[90m:[0m[93m30[0m[37m [0m[37mObject.<anonymous>[0m
23:43:12.089    [0m  [0m  [0m[90m/opt/buildhome/repo/gatsby-config.js:30:67[0m
23:43:12.089    [0m  [0m
23:43:12.089    [0m  [0m[90m-[0m [0m[93mv8-compile-cache.js[0m[90m:[0m[93m192[0m[37m [0m[37mModule._compile[0m
23:43:12.089    [0m  [0m  [0m[90m[repo]/[v8-compile-cache]/v8-compile-cache.js:192:30[0m
23:43:12.089    [0m  [0m
23:43:12.089    [0m  [0m[90m-[0m [0m[93mloader[0m[90m:[0m[93m1149[0m[37m [0m[37mObject.Module._extensions..js[0m
23:43:12.089    [0m  [0m  [0m[90mnode:internal/modules/cjs/loader:1149:10[0m
23:43:12.089    [0m  [0m
23:43:12.089    [0m  [0m[90m-[0m [0m[93mloader[0m[90m:[0m[93m975[0m[37m [0m[37mModule.load[0m
23:43:12.089    [0m  [0m  [0m[90mnode:internal/modules/cjs/loader:975:32[0m
23:43:12.089    [0m  [0m
23:43:12.089    [0m  [0m[90m-[0m [0m[93mloader[0m[90m:[0m[93m822[0m[37m [0m[37mFunction.Module._load[0m
23:43:12.089    [0m  [0m  [0m[90mnode:internal/modules/cjs/loader:822:12[0m
23:43:12.089    [0m  [0m
23:43:12.089    [0m  [0m[90m-[0m [0m[93mloader[0m[90m:[0m[93m999[0m[37m [0m[37mModule.require[0m
23:43:12.089    [0m  [0m  [0m[90mnode:internal/modules/cjs/loader:999:19[0m
23:43:12.089    [0m  [0m
23:43:12.089    [0m  [0m[90m-[0m [0m[93mv8-compile-cache.js[0m[90m:[0m[93m159[0m[37m [0m[37mrequire[0m
23:43:12.089    [0m  [0m  [0m[90m[repo]/[v8-compile-cache]/v8-compile-cache.js:159:20[0m
23:43:12.089    [0m  [0m
23:43:12.089    [0m  [0m[90m-[0m [0m[93mget-config-file.ts[0m[90m:[0m[93m30[0m[37m [0m[37mgetConfigFile[0m
23:43:12.089    [0m  [0m  [0m[90m[repo]/[gatsby]/src/bootstrap/get-config-file.ts:30:20[0m
23:43:12.089    [0m  [0m
23:43:12.089    [0m  [0m[90m-[0m [0m[93mload-config-and-plugins.ts[0m[90m:[0m[93m28[0m[37m [0m[37mloadConfigAndPlugins[0m
23:43:12.089    [0m  [0m  [0m[90m[repo]/[gatsby]/src/bootstrap/load-config-and-plugins.ts:28:50[0m
23:43:12.089    [0m  [0m
23:43:12.089    [0m  [0m[90m-[0m [0m[93minitialize.ts[0m[90m:[0m[93m146[0m[37m [0m[37minitialize[0m
23:43:12.089    [0m  [0m  [0m[90m[repo]/[gatsby]/src/services/initialize.ts:146:46[0m
23:43:12.089    [0m  [0m
23:43:12.089    [0m  [0m[90m-[0m [0m[93mindex.ts[0m[90m:[0m[93m47[0m[37m [0m[37mbootstrap[0m
23:43:12.089    [0m  [0m  [0m[90m[repo]/[gatsby]/src/bootstrap/index.ts:47:15[0m
23:43:12.089    [0m  [0m
23:43:12.089    [0m  [0m[90m-[0m [0m[93mbuild.ts[0m[90m:[0m[93m94[0m[37m [0m[37mbuild[0m
23:43:12.089    [0m  [0m  [0m[90m[repo]/[gatsby]/src/commands/build.ts:94:59[0m
23:43:12.089    [0m  [0m
23:43:12.089    [0m
23:43:12.089    
23:43:12.095    [2K[1A[2K[Gnot finished open and validate gatsby-configs, load plugins - 0.188s
23:43:12.095    
23:43:12.285    Failed: build command exited with code: 1

The strange thing is that local can build successfully, but cloudflare does not. I tried to specify the same node, npm, gatsby and gatsby-cli versions for cloudflare as local, but still this error.

Specifically, on CloudFlare Pages, I created two environment variables to specify Node and NPM versions.They are:

Variable name | Value
NODE_VERSION 17.4.0
NPM_VERSION 8.4.1

You can see from the logs that their versions have been successfully specified. For gatsby and gatsby-cli, I specified their versions as 3.14.6 and 4.6.1 respectively, which was changed in package.json.

Unfortunately, as I said before, the local build works, yet cloudflare still throws Cannot read properties of undefined (reading 'split') error. What is the problem? Is there any solution?


Solution

  • I guess you have used the same approach to configure languages Kontent gatsby source plugin as it is in starters.

    According to the error, I would guess your environment variables are not propagated to Cloudflare. So process.env.KONTENT_LANGUAGE_CODENAMES is undefined -> which causess the error cannot read properties of undefined (reading 'split') on gatsby-config.js:30:67.