Ubuntu 18.04 npm install & peer dependencies

[xelcho]

When I follow the directions to run as a dev I hit these issues:

$ npm install
npm WARN [email protected] requires a peer of popper.js@^1.14.7 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of bootstrap@^3.3.7 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react-router-dom@>=4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react@^15.5.4 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react-dom@^15.5.4 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

When I do run npm start, it starts but has issues. The gui has artifacts etc.
Output from npm start:

$ npm start

[email protected] start /home/userw/atlas2
node src-server/app.js

[2019-07-07T09:46:25.619] [WARN] tracker-helper - tracking not configured
[2019-07-07T09:46:25.623] [WARN] freshdesk-helper - freshdesk not configured
[2019-07-07T09:46:25.880] [WARN] mongodb-helper - mongoDB service not configured (or configured improperly), defaulting to local database
starting migration
using password
using l-p
[2019-07-07T09:46:26.373] [TRACE] user-provider - Using passport anonymous user provider
Custom licence not found { Error: Cannot find module '../../tos-content-custom.json'
at Function.Module._resolveFilename (module.js:547:15)
at Function.Module._load (module.js:474:25)
at Module.require (module.js:596:17)
at require (internal/module.js:11:18)
at module.exports (/home/userw/atlas2/src-server/tos/tos.js:22:21)
at Object. (/home/userw/atlas2/src-server/app.js:194:44)
at Module._compile (module.js:652:30)
at Object.Module._extensions..js (module.js:663:10)
at Module.load (module.js:565:32)
at tryModuleLoad (module.js:505:12)
at Function.Module._load (module.js:497:3)
at Function.Module.runMain (module.js:693:10)
at startup (bootstrap_node.js:188:16)
at bootstrap_node.js:609:3 code: 'MODULE_NOT_FOUND' }
(node:31100) DeprecationWarning: current URL string parser is deprecated, and will be removed in a future version. To use the new parser, pass option { useNewUrlParser: true } to MongoClient.connect.
server starting on http://localhost:6001
socket connected Socket {
io:
Manager {
nsps: { '/': [Circular] },
subs: [ [Object], [Object], [Object], [Object], [Object], [Object] ],
opts:
{ rejectUnauthorized: false,
path: '/socket.io',
hostname: 'localhost',
secure: false,
port: '6001' },
_reconnection: true,
_reconnectionAttempts: Infinity,
_reconnectionDelay: 1000,
_reconnectionDelayMax: 5000,
_randomizationFactor: 0.5,
backoff: Backoff { ms: 1000, max: 5000, factor: 2, jitter: 0.5, attempts: 0 },
_timeout: 20000,
readyState: 'open',
uri: 'http://localhost:6001',
connecting: [ [Circular] ],
lastPing: null,
encoding: false,
packetBuffer: [],
encoder: Encoder {},
decoder: Decoder { reconstructor: null, _callbacks: [Object] },
autoConnect: true,
engine:
Socket {
secure: false,
agent: false,
hostname: 'localhost',
port: '6001',
query: {},
upgrade: true,
path: '/socket.io/',
forceJSONP: false,
jsonp: true,
forceBase64: false,
enablesXDR: false,
timestampParam: 't',
timestampRequests: undefined,
transports: [Array],
transportOptions: {},
readyState: 'open',
writeBuffer: [],
prevBufferLen: 0,
policyPort: 843,
rememberUpgrade: false,
binaryType: null,
onlyBinaryUpgrades: undefined,
perMessageDeflate: [Object],
pfx: null,
key: null,
passphrase: null,
cert: null,
ca: null,
ciphers: null,
rejectUnauthorized: false,
forceNode: false,
id: 'Pqnb9PmQ0gk0spDVAAAA',
upgrades: [Array],
pingInterval: 25000,
pingTimeout: 5000,
pingIntervalTimer: [Object],
pingTimeoutTimer: [Object],
transport: [Object],
_callbacks: [Object] },
skipReconnect: false,
_callbacks: { '$open': [Array], '$packet': [Array], '$close': [Array] } },
nsp: '/',
json: [Circular],
ids: 0,
acks: {},
receiveBuffer: [],
sendBuffer: [],
connected: true,
disconnected: false,
subs:
[ { destroy: [Function: destroy] },
{ destroy: [Function: destroy] },
{ destroy: [Function: destroy] } ],
_callbacks:
{ '$connecting': [ [Function: onConnecting] ],
'$connect': [ [Function], [Function] ],
'$connect_error': [ [Function] ],
'$error': [ [Function] ] },
id: 'Pqnb9PmQ0gk0spDVAAAA' }
found 0workspaces without schemaVersion
waiting for the migration to end
migration done
undefined 'test' undefined false
undefined 'I am too lazy to set the map title. I prefer getting lost.' undefined false
done done
? ?wdm?: Hash: f60b1ef75b83d16b6b6b
Version: webpack 4.7.0
Time: 14021ms
Built at: 07/07/2019 9:46:40 AM
Asset Size Chunks Chunk Names
app.js 5.83 MiB app [emitted] app
canvas-wrapper.js 1.68 MiB canvas-wrapper [emitted] canvas-wrapper
google-app.js 3.72 MiB google-app [emitted] google-app
l-p-app.js 3.73 MiB l-p-app [emitted] l-p-app
app.js.map 6.07 MiB app [emitted] app
canvas-wrapper.js.map 1.73 MiB canvas-wrapper [emitted] canvas-wrapper
google-app.js.map 3.83 MiB google-app [emitted] google-app
l-p-app.js.map 3.84 MiB l-p-app [emitted] l-p-app
Entrypoint app = app.js app.js.map
Entrypoint google-app = google-app.js google-app.js.map
Entrypoint l-p-app = l-p-app.js l-p-app.js.map
Entrypoint canvas-wrapper = canvas-wrapper.js canvas-wrapper.js.map
[../node_modules/jquery/dist/jquery.js] ./node_modules/jquery/dist/jquery.js 274 KiB {l-p-app} {google-app} {app} [built]
[./app.js] ./src-ui/app.js 15.2 KiB {app} [built]
[./canvas-wrapper.js] ./src-ui/canvas-wrapper.js 2.54 KiB {canvas-wrapper} [built]
[./fixit/FixitPage.js] ./src-ui/fixit/FixitPage.js 12 KiB {l-p-app} {google-app} {app} [built]
[./google-app.js] ./src-ui/google-app.js 14 KiB {google-app} [built]
[./l-p-app.js] ./src-ui/l-p-app.js 14.3 KiB {l-p-app} [built]
[./map-editor/MapEditorPage.js] ./src-ui/map-editor/MapEditorPage.js 21.1 KiB {l-p-app} {google-app} {app} [built]
[./map-list/MapListPage.js] ./src-ui/map-list/MapListPage.js 22 KiB {l-p-app} {google-app} {app} [built]
[./minimal-canvas/canvas-with-background.js] ./src-ui/minimal-canvas/canvas-with-background.js 6.23 KiB {canvas-wrapper} [built]
[./passport/auth-store.js] ./src-ui/passport/auth-store.js 4.83 KiB {l-p-app} {google-app} [built]
[./passport/google/SplashPage.js] ./src-ui/passport/google/SplashPage.js 4.38 KiB {google-app} [built]
[./passport/l-p/LoginPage.js] ./src-ui/passport/l-p/LoginPage.js 5.27 KiB {l-p-app} [built]
[./passport/l-p/SplashPage.js] ./src-ui/passport/l-p/SplashPage.js 4.79 KiB {l-p-app} [built]
[./store-management.js] ./src-ui/store-management.js 3.11 KiB {l-p-app} {google-app} {app} [built]
[./workspace/WorkspaceListPage.js] ./src-ui/workspace/WorkspaceListPage.js 4.25 KiB {l-p-app} {google-app} {app} [built]
+ 1329 hidden modules
? ?wdm?: Compiled successfully.

Please advise!
Thank you!

[cdaniel]

Which branch are you running?

[xelcho]

Hey Chris!

I cloned from git, do you recommend a specific branch?

[cdaniel]

yep. Master contains unfinished work in progress.

Try https://github.com/LeadingEdgeForum/atlas2/tree/v2-service-branch. That's the one that is running at atlas2.wardleymaps.com.

[xelcho]

LOL You rock I will do so!!!

Thanks!

[xelcho]

Please see the screen shots from hosted, my svr and yours. The cool icon is a black-box on mine. It seems to be a CSS diff.

[cdaniel]

I am afraid it is not CSS. This is an issue with the underlying component (ReactResizeDetector). You may try to update the dependency to the latest version and see how does this work.

Or, quite contrary, you should try 2.2.0 (which I used and have not updated).

[xelcho]

Actually, the issue was with firefox vs chromium. Its all good.

Thanks for your support!