Moments datepicker - blank page

Hi,
I’m very newbie in this.
I cloned the git here: GitHub - livechat/moments-apps-examples
I deployed it with Cloudflare Pages but I just get a blank page.

Here the log:

21:46:51.141	Initializing build environment. This may take up to a few minutes to complete
21:48:50.148	Success: Finished initializing build environment
21:48:50.148	Cloning repository...
21:48:51.642	Success: Finished cloning repository files
21:48:51.930	Installing dependencies
21:48:51.932	Python version set to 2.7
21:48:53.381	v12.18.0 is already installed.
21:48:53.891	Now using node v12.18.0 (npm v6.14.4)
21:48:53.935	Started restoring cached build plugins
21:48:53.939	Finished restoring cached build plugins
21:48:54.070	Attempting ruby version 2.7.1, read from environment
21:48:55.106	Using ruby version 2.7.1
21:48:55.380	Using PHP version 5.6
21:48:55.413	5.2 is already installed.
21:48:55.418	Using Swift version 5.2
21:48:55.419	Started restoring cached node modules
21:48:55.421	Finished restoring cached node modules
21:48:55.609	Installing NPM modules using NPM version 6.14.4
21:48:56.731	npm WARN deprecated babel-eslint@10.1.0: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.
21:48:58.691	npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
21:48:58.862	npm WARN deprecated eslint-loader@2.2.1: This loader has been deprecated. Please use eslint-webpack-plugin
21:48:59.394	npm WARN deprecated html-webpack-plugin@3.2.0: 3.x is no longer supported
21:48:59.568	npm WARN deprecated source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecated
21:49:02.031	npm WARN deprecated read-package-tree@5.3.1: The functionality that this package provided is now in @npmcli/arborist
21:49:03.367	npm WARN deprecated har-validator@5.1.5: this library is no longer supported
21:49:04.038	npm WARN deprecated @hapi/joi@15.1.1: Switch to 'npm install joi'
21:49:04.051	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
21:49:05.078	npm WARN deprecated chokidar@2.1.8: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
21:49:05.473	npm WARN deprecated core-js@2.6.12: core-js@<3.4 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.
21:49:09.175	npm WARN deprecated @hapi/bourne@1.3.2: This version has been deprecated and is no longer supported or maintained
21:49:09.178	npm WARN deprecated @hapi/hoek@8.5.1: This version has been deprecated and is no longer supported or maintained
21:49:09.199	npm WARN deprecated @hapi/address@2.1.4: Moved to 'npm install @sideway/address'
21:49:09.211	npm WARN deprecated @hapi/topo@3.1.6: This version has been deprecated and is no longer supported or maintained
21:49:10.094	npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
21:49:10.238	npm WARN deprecated querystring@0.2.0: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
21:49:12.056	npm WARN deprecated circular-json@0.3.3: CircularJSON is in maintenance only, flatted is its successor.
21:49:12.602	npm WARN deprecated svgo@1.3.2: This SVGO version is no longer supported. Upgrade to v2.x.x.
21:49:14.164	npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
21:49:14.193	npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
21:49:14.711	npm WARN deprecated mkdirp-promise@5.0.1: This package is broken and no longer maintained. 'mkdirp' itself supports promises now, please switch to that.
21:49:34.259	
21:49:34.259	> yorkie@2.0.0 install /opt/buildhome/repo/node_modules/yorkie
21:49:34.259	> node bin/install.js
21:49:34.259	
21:49:34.330	setting up Git hooks
21:49:34.336	done
21:49:34.336	
21:49:34.347	
21:49:34.347	> node-sass@4.14.1 install /opt/buildhome/repo/node_modules/node-sass
21:49:34.347	> node scripts/install.js
21:49:34.347	
21:49:34.699	Downloading binary from https://github.com/sass/node-sass/releases/download/v4.14.1/linux-x64-72_binding.node
21:49:34.907	Download complete
21:49:34.912	Binary saved to /opt/buildhome/repo/node_modules/node-sass/vendor/linux-x64-72/binding.node
21:49:34.957	Caching binary to /opt/buildhome/.npm/node-sass/4.14.1/linux-x64-72_binding.node
21:49:35.158	
21:49:35.158	> core-js@2.6.12 postinstall /opt/buildhome/repo/node_modules/core-js
21:49:35.158	> node -e "try{require('./postinstall')}catch(e){}"
21:49:35.158	
21:49:35.219	e[96mThank you for using core-js (e[94m https://github.com/zloirock/core-js e[96m) for polyfilling JavaScript standard library!e[0m
21:49:35.220	
21:49:35.220	e[96mThe project needs your help! Please consider supporting of core-js on Open Collective or Patreon: e[0m
21:49:35.220	e[96m>e[94m https://opencollective.com/core-js e[0m
21:49:35.220	e[96m>e[94m https://www.patreon.com/zloirock e[0m
21:49:35.220	
21:49:35.220	e[96mAlso, the author of core-js (e[94m https://github.com/zloirock e[96m) is looking for a good job -)e[0m
21:49:35.220	
21:49:35.250	
21:49:35.250	> ejs@2.7.4 postinstall /opt/buildhome/repo/node_modules/ejs
21:49:35.250	> node ./postinstall.js
21:49:35.250	
21:49:35.308	Thank you for installing e[35mEJSe[0m: built with the e[32mJakee[0m JavaScript build tool (e[32mhttps://jakejs.com/e[0m)
21:49:35.308	
21:49:35.788	
21:49:35.788	> node-sass@4.14.1 postinstall /opt/buildhome/repo/node_modules/node-sass
21:49:35.788	> node scripts/build.js
21:49:35.788	
21:49:35.957	Binary found at /opt/buildhome/repo/node_modules/node-sass/vendor/linux-x64-72/binding.node
21:49:35.958	Testing binary
21:49:36.077	Binary is fine
21:49:36.105	
21:49:36.105	> @livechat/widget-webview-extensions@0.0.0 postinstall /opt/buildhome/repo
21:49:36.105	> npm run bootstrap
21:49:36.105	
21:49:36.385	
21:49:36.385	> @livechat/widget-webview-extensions@0.0.0 bootstrap /opt/buildhome/repo
21:49:36.385	> lerna bootstrap --ignore-scripts --hoist --no-ci
21:49:36.385	
21:49:36.865	lerna notice cli v3.22.1
21:49:36.911	lerna info Bootstrapping 1 package
21:49:36.961	lerna info Installing external dependencies
21:49:36.963	lerna info hoist Pruning hoisted dependencies
21:49:36.968	lerna info hoist Finished pruning hoisted dependencies
21:49:36.972	lerna info hoist Finished bootstrapping root
21:49:36.973	lerna info Symlinking packages and binaries
21:49:36.973	lerna success Bootstrapped 1 package
21:49:37.741	npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.3.2 (node_modules/chokidar/node_modules/fsevents):
21:49:37.741	npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
21:49:37.742	npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules/watchpack-chokidar2/node_modules/chokidar/node_modules/fsevents):
21:49:37.742	npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
21:49:37.743	npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules/webpack-dev-server/node_modules/chokidar/node_modules/fsevents):
21:49:37.743	npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
21:49:37.743	npm WARN @octokit/plugin-request-log@1.0.4 requires a peer of @octokit/core@>=3 but none is installed. You must install peer dependencies yourself.
21:49:37.744	
21:49:37.751	added 1868 packages from 777 contributors and audited 1875 packages in 41.448s
21:49:38.568	
21:49:38.568	97 packages are looking for funding
21:49:38.568	  run `npm fund` for details
21:49:38.568	
21:49:38.569	found 66 vulnerabilities (2 low, 42 moderate, 22 high)
21:49:38.569	  run `npm audit fix` to fix them, or `npm audit` for details
21:49:38.614	NPM modules installed
21:49:38.862	Installing Hugo 0.54.0
21:49:39.429	Hugo Static Site Generator v0.54.0-B1A82C61A/extended linux/amd64 BuildDate: 2019-02-01T10:04:38Z
21:49:39.431	Started restoring cached go cache
21:49:39.436	Finished restoring cached go cache
21:49:39.466	go version go1.14.4 linux/amd64
21:49:39.470	go version go1.14.4 linux/amd64
21:49:39.472	Installing missing commands
21:49:39.472	Verify run directory
21:49:39.472	Executing user command: npm run build
21:49:39.722	
21:49:39.722	> @livechat/widget-webview-extensions@0.0.0 prebuild /opt/buildhome/repo
21:49:39.722	> rimraf dist
21:49:39.722	
21:49:39.787	
21:49:39.787	> @livechat/widget-webview-extensions@0.0.0 build /opt/buildhome/repo
21:49:39.787	> lerna run --parallel build
21:49:39.787	
21:49:40.144	lerna notice cli v3.22.1
21:49:40.179	lerna info Executing command in 1 package: "npm run build"
21:49:40.435	@livechat/webview-datepicker-extension: > @livechat/webview-datepicker-extension@0.1.0 build /opt/buildhome/repo/examples/datepicker
21:49:40.435	@livechat/webview-datepicker-extension: > vue-cli-service build
21:49:40.936	@livechat/webview-datepicker-extension: -  Building for production...
21:49:49.759	@livechat/webview-datepicker-extension:  WARNING  Compiled with 2 warnings8:49:49 PM
21:49:49.759	@livechat/webview-datepicker-extension:  warning  
21:49:49.759	@livechat/webview-datepicker-extension: entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
21:49:49.759	@livechat/webview-datepicker-extension: Entrypoints:
21:49:49.759	@livechat/webview-datepicker-extension:   app (251 KiB)
21:49:49.759	@livechat/webview-datepicker-extension:       css/chunk-vendors.d4504d4a.css
21:49:49.759	@livechat/webview-datepicker-extension:       js/chunk-vendors.1621e998.js
21:49:49.759	@livechat/webview-datepicker-extension:       css/app.0dd4ae1f.css
21:49:49.759	@livechat/webview-datepicker-extension:       js/app.63117832.js
21:49:49.759	@livechat/webview-datepicker-extension:  warning  
21:49:49.759	@livechat/webview-datepicker-extension: webpack performance recommendations: 
21:49:49.759	@livechat/webview-datepicker-extension: You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
21:49:49.759	@livechat/webview-datepicker-extension: For more info visit https://webpack.js.org/guides/code-splitting/
21:49:49.782	@livechat/webview-datepicker-extension:   File                                   Size              Gzipped
21:49:49.782	@livechat/webview-datepicker-extension:   dist/js/chunk-vendors.1621e998.js      208.63 KiB        64.97 KiB
21:49:49.782	@livechat/webview-datepicker-extension:   dist/js/app.63117832.js                3.10 KiB          1.49 KiB
21:49:49.782	@livechat/webview-datepicker-extension:   dist/css/chunk-vendors.d4504d4a.css    38.86 KiB         3.80 KiB
21:49:49.782	@livechat/webview-datepicker-extension:   dist/css/app.0dd4ae1f.css              0.43 KiB          0.25 KiB
21:49:49.782	@livechat/webview-datepicker-extension:   Images and other types of assets omitted.
21:49:49.782	@livechat/webview-datepicker-extension:  DONE  Build complete. The dist directory is ready to be deployed.
21:49:49.782	@livechat/webview-datepicker-extension:  INFO  Check out deployment instructions at https://cli.vuejs.org/guide/deployment.html
21:49:49.782	@livechat/webview-datepicker-extension:       
21:49:50.855	lerna success run Ran npm script 'build' in 1 package in 10.7s:
21:49:50.855	lerna success - @livechat/webview-datepicker-extension
21:49:50.864	
21:49:50.864	> @livechat/widget-webview-extensions@0.0.0 postbuild /opt/buildhome/repo
21:49:50.864	> node ./scripts/prepare-cdn-artifacts.js
21:49:50.864	
21:49:51.147	CDN artifacts prepared successfully.
21:49:51.160	Finished
21:49:51.160	Note: No functions dir at /functions found. Skipping.
21:49:51.161	Validating asset output directory
21:49:51.590	Deploying your site to Cloudflare's global network...
21:49:54.497	Success: Your site was deployed!

Not sure what to do, thanks

Hello!
Our Developer Relations team is already looking for an answer – it seems like it’s a bit complicated issue, I’ll get back with an answer soon :raised_hands:

Thank you! Yes after digging with someone else it seems the package is a bit outtadated.
I’m awaiting for the solution. Thanks

Hi Thibault!

To figure out a solution for you, I went ahead and hosted the cloned repository on Cloudflare Pages and managed to replicate your problem where page would be blank.
This can be fixed by adjusting “build settings” in the deployment,
Build output directory and Root directory for the deployment need to be adjusted compared to the default.
After changing the deployment build settings as per screenshot below:


the date picker example should render and work properly.

Kind regards! :slight_smile:

Thank you very much! It worked :slight_smile:

2 Likes