Make dev failed to compile

Install & Config
1

After cloning jitsi-meet and running npm install, I am running “make dev” and I get the following errors. Any idea what is going on?

myname@jitsimeet:~/jitsi-meet$ make dev
rm -fr libs
mkdir -p libs
./node_modules/.bin/node-sass css/main.scss css/all.bundle.css &&
./node_modules/.bin/cleancss css/all.bundle.css > css/all.css ;
rm css/all.bundle.css
Rendering Complete, saving .css file…
Wrote CSS to /home/myname/jitsi-meet/css/all.bundle.css
cp
node_modules/lib-jitsi-meet//lib-jitsi-meet.min.js
node_modules/lib-jitsi-meet//lib-jitsi-meet.min.map
node_modules/lib-jitsi-meet//connection_optimization/external_connect.js
node_modules/lib-jitsi-meet//modules/browser/capabilities.json
libs
cp
node_modules/libflacjs/dist/min//libflac4-1.3.2.min.js
node_modules/libflacjs/dist/min//libflac4-1.3.2.min.js.mem
libs
./node_modules/.bin/webpack-dev-server
:information_source: ｢wds｣: Generating SSL Certificate
:information_source: ｢wds｣: Project is running at https://localhost:8080/
:information_source: ｢wds｣: webpack output is served from /libs/
:information_source: ｢wdm｣: wait until bundle finished: /libs/external_connect.js?v=1
:information_source: ｢wdm｣: wait until bundle finished: /libs/do_external_connect.min.js?v=1
:information_source: ｢wdm｣: wait until bundle finished: /libs/lib-jitsi-meet.min.js?v=3583
:information_source: ｢wdm｣: wait until bundle finished: /libs/app.bundle.min.js?v=3583
:heavy_multiplication_x: ｢wdm｣: Hash: 738150d620dab044f81619f70a27ab6ac33b782b11eaf97075f04b23f4dd
Version: webpack 4.26.1
Child
Hash: 738150d620dab044f816
Time: 27563ms
Built at: 20/08/2019 13:11:06
Asset Size Chunks Chunk Names
alwaysontop.js 2.38 MiB alwaysontop [emitted] alwaysontop
alwaysontop.js.map 2.64 MiB alwaysontop [emitted] alwaysontop
analytics-ga.js 387 KiB analytics-ga [emitted] analytics-ga
analytics-ga.js.map 453 KiB analytics-ga [emitted] analytics-ga
app.bundle.js 9.62 MiB app.bundle [emitted] app.bundle
app.bundle.js.map 9.58 MiB app.bundle [emitted] app.bundle
device_selection_popup_bundle.js 8.95 MiB device_selection_popup_bundle [emitted] device_selection_popup_bundle
device_selection_popup_bundle.js.map 8.69 MiB device_selection_popup_bundle [emitted] device_selection_popup_bundle
dial_in_info_bundle.js 4.39 MiB dial_in_info_bundle [emitted] dial_in_info_bundle
dial_in_info_bundle.js.map 4.32 MiB dial_in_info_bundle [emitted] dial_in_info_bundle
do_external_connect.js 386 KiB do_external_connect [emitted] do_external_connect
do_external_connect.js.map 450 KiB do_external_connect [emitted] do_external_connect
flacEncodeWorker.js 366 KiB flacEncodeWorker [emitted] flacEncodeWorker
flacEncodeWorker.js.map 426 KiB flacEncodeWorker [emitted] flacEncodeWorker
Entrypoint app.bundle = app.bundle.js app.bundle.js.map
Entrypoint device_selection_popup_bundle = device_selection_popup_bundle.js device_selection_popup_bundle.js.map
Entrypoint alwaysontop = alwaysontop.js alwaysontop.js.map
Entrypoint dial_in_info_bundle = dial_in_info_bundle.js dial_in_info_bundle.js.map
Entrypoint do_external_connect = do_external_connect.js do_external_connect.js.map
Entrypoint flacEncodeWorker = flacEncodeWorker.js flacEncodeWorker.js.map
Entrypoint analytics-ga = analytics-ga.js analytics-ga.js.map
[0] multi (webpack)-dev-server/client?https://localhost:8080 ./app.js 40 bytes {app.bundle} [built]
[1] multi (webpack)-dev-server/client?https://localhost:8080 ./react/features/settings/popup.js 40 bytes {device_selection_popup_bundle} [built]
[2] multi (webpack)-dev-server/client?https://localhost:8080 ./react/features/always-on-top/index.js 40 bytes {alwaysontop} [built]
[3] multi (webpack)-dev-server/client?https://localhost:8080 ./react/features/invite/components/dial-in-info-page 40 bytes {dial_in_info_bundle} [built]
[4] multi (webpack)-dev-server/client?https://localhost:8080 ./connection_optimization/do_external_connect.js 40 bytes {do_external_connect} [built]
[5] multi (webpack)-dev-server/client?https://localhost:8080 ./react/features/local-recording/recording/flac/flacEncodeWorker.js 40 bytes {flacEncodeWorker} [built]
[6] multi (webpack)-dev-server/client?https://localhost:8080 ./react/features/analytics/handlers/GoogleAnalyticsHandler.js 40 bytes {analytics-ga} [built]
[./app.js] 1.54 KiB {app.bundle} [built]
[./connection_optimization/do_external_connect.js] 2.32 KiB {do_external_connect} [built]
[./node_modules/webpack-dev-server/client/index.js?https://localhost:8080] (webpack)-dev-server/client?https://localhost:8080 7.78 KiB {app.bundle} {device_selection_popup_bundle} {alwaysontop} {dial_in_info_bundle} {do_external_connect} {flacEncodeWorker} {analytics-ga} [built]
[./react/features/always-on-top/index.js] 364 bytes {alwaysontop} [built]
[./react/features/analytics/handlers/GoogleAnalyticsHandler.js] 4.17 KiB {analytics-ga} [built]
[./react/features/invite/components/dial-in-info-page/index.js] 75 bytes {dial_in_info_bundle} [built]
[./react/features/local-recording/recording/flac/flacEncodeWorker.js] 9.1 KiB {flacEncodeWorker} [built]
[./react/features/settings/popup.js] 315 bytes {device_selection_popup_bundle} [built]
+ 1734 hidden modules

WARNING in ./react/features/base/participants/functions.js 22:44-58
"export 'getGravatarURL' was not found in 'js-utils/avatar'
 @ ./react/features/base/participants/actions.js
 @ ./react/features/base/participants/index.js
 @ ./conference.js
 @ ./app.js
 @ multi (webpack)-dev-server/client?https://localhost:8080 ./app.js

ERROR in ./react/features/app/getRouteToRender.js
Module not found: Error: Can't resolve 'js-utils/random' in '/home/myname/jitsi-meet/react/features/app'
 @ ./react/features/app/getRouteToRender.js 1:0-63 117:24-52
 @ ./react/features/app/middleware.js
 @ ./react/features/app/index.js
 @ ./conference.js
 @ ./app.js
 @ multi (webpack)-dev-server/client?https://localhost:8080 ./app.js

ERROR in ./react/features/base/settings/reducer.js
Module not found: Error: Can't resolve 'js-utils/random' in '/home/myname/jitsi-meet/react/features/base/settings'
 @ ./react/features/base/settings/reducer.js 7:0-50 133:15-30
 @ ./react/features/base/settings/index.js
 @ ./conference.js
 @ ./app.js
 @ multi (webpack)-dev-server/client?https://localhost:8080 ./app.js

ERROR in ./react/features/calendar-sync/actions.web.js
Module not found: Error: Can't resolve 'js-utils/random' in '/home/myname/jitsi-meet/react/features/calendar-sync'
 @ ./react/features/calendar-sync/actions.web.js 1:0-63 219:24-52
 @ ./react/features/calendar-sync/index.js
 @ ./react/features/welcome/components/WelcomePage.web.js
 @ ./react/features/welcome/components/index.js
 @ ./react/features/welcome/index.js
 @ ./react/features/app/getRouteToRender.js
 @ ./react/features/app/middleware.js
 @ ./react/features/app/index.js
 @ ./conference.js
 @ ./app.js
 @ multi (webpack)-dev-server/client?https://localhost:8080 ./app.js

ERROR in ./react/features/overlay/components/AbstractPageReloadOverlay.js
Module not found: Error: Can't resolve 'js-utils/random' in '/home/myname/jitsi-meet/react/features/overlay/components'
 @ ./react/features/overlay/components/AbstractPageReloadOverlay.js 1:0-44 70:32-41
 @ ./react/features/overlay/components/web/PageReloadFilmstripOnlyOverlay.js
 @ ./react/features/overlay/components/web/index.js
 @ ./react/features/overlay/overlays.web.js
 @ ./react/features/overlay/functions.js
 @ ./react/features/overlay/index.js
 @ ./conference.js
 @ ./app.js
 @ multi (webpack)-dev-server/client?https://localhost:8080 ./app.js

ERROR in ./react/features/welcome/components/AbstractWelcomePage.js
Module not found: Error: Can't resolve 'js-utils/random' in '/home/myname/jitsi-meet/react/features/welcome/components'
 @ ./react/features/welcome/components/AbstractWelcomePage.js 3:0-63 191:30-58
 @ ./react/features/welcome/components/WelcomePage.web.js
 @ ./react/features/welcome/components/index.js
 @ ./react/features/welcome/index.js
 @ ./react/features/app/getRouteToRender.js
 @ ./react/features/app/middleware.js
 @ ./react/features/app/index.js
 @ ./conference.js
 @ ./app.js
 @ multi (webpack)-dev-server/client?https://localhost:8080 ./app.js

Child
Hash: 19f70a27ab6ac33b782b
Time: 8189ms
Built at: 20/08/2019 13:10:47
Asset Size Chunks Chunk Names
video-blur-effect.js 1.03 MiB video-blur-effect [emitted] video-blur-effect
video-blur-effect.js.map 1.17 MiB video-blur-effect [emitted] video-blur-effect
Entrypoint video-blur-effect = video-blur-effect.js video-blur-effect.js.map
[0] multi (webpack)-dev-server/client?https://localhost:8080 ./react/features/stream-effects/blur/index.js 40 bytes {video-blur-effect} [built]
[./node_modules/@tensorflow-models/body-pix/dist/body-pix.esm.js] 16 KiB {video-blur-effect} [built]
[./node_modules/@tensorflow/tfjs-converter/dist/tf-converter.esm.js] 85.4 KiB {video-blur-effect} [built]
[./node_modules/@tensorflow/tfjs-core/dist/tf-core.esm.js] 493 KiB {video-blur-effect} [built]
[./node_modules/ansi-html/index.js] 4.16 KiB {video-blur-effect} [built]
[./node_modules/loglevel/lib/loglevel.js] 7.68 KiB {video-blur-effect} [built]
[./node_modules/strip-ansi/index.js] 161 bytes {video-blur-effect} [built]
[./node_modules/url/url.js] 22.8 KiB {video-blur-effect} [built]
[./node_modules/webpack-dev-server/client/index.js?https://localhost:8080] (webpack)-dev-server/client?https://localhost:8080 7.78 KiB {video-blur-effect} [built]
[./node_modules/webpack-dev-server/client/overlay.js] (webpack)-dev-server/client/overlay.js 3.58 KiB {video-blur-effect} [built]
[./node_modules/webpack-dev-server/client/socket.js] (webpack)-dev-server/client/socket.js 1.05 KiB {video-blur-effect} [built]
[./node_modules/webpack/hot sync ^./log$] (webpack)/hot sync nonrecursive ^./log$ 170 bytes {video-blur-effect} [built]
[./node_modules/webpack/hot/emitter.js] (webpack)/hot/emitter.js 77 bytes {video-blur-effect} [built]
[./react/features/stream-effects/blur/JitsiStreamBlurEffect.js] 4.66 KiB {video-blur-effect} [built]
[./react/features/stream-effects/blur/index.js] 754 bytes {video-blur-effect} [built]
+ 26 hidden modules
Child
Hash: 11eaf97075f04b23f4dd
Time: 7879ms
Built at: 20/08/2019 13:10:46
Asset Size Chunks Chunk Names
external_api.js 441 KiB external_api [emitted] external_api
external_api.js.map 520 KiB external_api [emitted] external_api
Entrypoint external_api = external_api.js external_api.js.map
[0] multi (webpack)-dev-server/client?https://localhost:8080 ./modules/API/external/index.js 40 bytes {external_api} [built]
[./modules/API/external/electronPopupsConfig.json] 285 bytes {external_api} [built]
[./modules/API/external/external_api.js] 28 KiB {external_api} [built]
[./modules/API/external/functions.js] 3.96 KiB {external_api} [built]
[./modules/API/external/index.js] 171 bytes {external_api} [built]
[./modules/transport/index.js] 1.33 KiB {external_api} [built]
[./node_modules/ansi-html/index.js] 4.16 KiB {external_api} [built]
[./node_modules/loglevel/lib/loglevel.js] 7.68 KiB {external_api} [built]
[./node_modules/strip-ansi/index.js] 161 bytes {external_api} [built]
[./node_modules/url/url.js] 22.8 KiB {external_api} [built]
[./node_modules/webpack-dev-server/client/index.js?https://localhost:8080] (webpack)-dev-server/client?https://localhost:8080 7.78 KiB {external_api} [built]
[./node_modules/webpack-dev-server/client/overlay.js] (webpack)-dev-server/client/overlay.js 3.58 KiB {external_api} [built]
[./node_modules/webpack-dev-server/client/socket.js] (webpack)-dev-server/client/socket.js 1.05 KiB {external_api} [built]
[./node_modules/webpack/hot sync ^./log$] (webpack)/hot sync nonrecursive ^./log$ 170 bytes {external_api} [built]
[./node_modules/webpack/hot/emitter.js] (webpack)/hot/emitter.js 77 bytes {external_api} [built]
+ 30 hidden modules
:information_source: ｢wdm｣: Failed to compile

2

If you delete node_modules, run npm install again and then make dev again, do you reproduce it again?

3

Yes, I just cloned the repo again with no changes, made sure there were no node_modules before running npm install and it’s the same. The npm install output can be downloaded here: https://uploadfiles.io/kuatld33

4

npm and node version that you use?
make sure you use at least latest LTS from https://nodejs.org

1 Like
5

Hi. Thanks for this. I’m now trying a normal make with:
node --version v10.16.3
npm -version 6.9.0
and it’s been hanging on webpack -p for like an hour. Do you know what could cause this?

6

Not sure … I had seen this on VMs with a low amount of RAM, but never seen this on my local dev machine.

1 Like
7

Oh, yes it’s running on a free EC2 instance.