VoTT install from source error Ubuntu 20.04

[apiszcz]

Describe the bug
VoTT install from source error Ubuntu 20.04.
I am wondering if this is my environment?

To Reproduce
git clone https://github.com/Microsoft/VoTT.git
cd VoTT
npm ci
npm start

Expected behavior
Installation of VoTT

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Ubuntu 20.04

Additional context

gyp ERR! configure error
gyp ERR! stack Error: EACCES: permission denied, mkdir '/opt/vott/VoTT/node_modules/node-sass/.node-gyp'
gyp ERR! System Linux 5.4.0-58-generic
gyp ERR! command "/usr/bin/node" "/opt/vott/VoTT/node_modules/node-gyp/bin/node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd /opt/vott/VoTT/node_modules/node-sass
gyp ERR! node -v v10.19.0
gyp ERR! node-gyp -v v3.8.0
gyp ERR! not ok
Build failed with error code: 1
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! node-sass@4.14.1 postinstall: `node scripts/build.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the node-sass@4.14.1 postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /root/.npm/_logs/2021-03-26T12_23_07_215Z-debug.log

[apiszcz]

A little progress and a new error:

> vott@2.2.0 start
> nf start -p 3000

[OKAY] Loaded ENV .env File as KEY=VALUE Format
2:47:35 PM react.1    |  > vott@2.2.0 react-start
2:47:35 PM react.1    |  > react-scripts start
2:47:35 PM electron.1 |  > vott@2.2.0 electron-start
2:47:35 PM electron.1 |  > node src/electron/start
2:47:38 PM react.1    |  Starting the development server...
2:47:39 PM electron.1 |  starting electron
2:47:40 PM electron.1 |  > vott@2.2.0 electron:run:dev
2:47:40 PM electron.1 |  > npm run webpack:dev && electron . --remote-debugging-port=9223
2:47:41 PM electron.1 |  > vott@2.2.0 webpack:dev
2:47:41 PM electron.1 |  > webpack --config ./config/webpack.dev.js
2:48:10 PM electron.1 |  Hash: baa909ab946f6b4c202a
2:48:10 PM electron.1 |  Version: webpack 4.19.1
2:48:10 PM electron.1 |  Time: 27264ms
2:48:10 PM electron.1 |  Built at: 04/02/2021 2:48:10 PM
2:48:10 PM electron.1 |    Asset      Size  Chunks             Chunk Names
2:48:10 PM electron.1 |  main.js  3.72 MiB    main  [emitted]  main
2:48:10 PM electron.1 |  Entrypoint main = main.js
2:48:10 PM electron.1 |  [./src/common/htmlFileReader.ts] 7.05 KiB {main} [built]
2:48:10 PM electron.1 |  [./src/common/strings.ts] 1.53 KiB {main} [built]
2:48:10 PM electron.1 |  [./src/common/utils.ts] 4.35 KiB {main} [built]
2:48:10 PM electron.1 |  [./src/electron/common/ipcMainProxy.ts] 2.17 KiB {main} [built]
2:48:10 PM electron.1 |  [./src/electron/main.ts] 4.68 KiB {main} [built]
2:48:10 PM electron.1 |  [./src/electron/providers/storage/localFileSystem.ts] 7.17 KiB {main} [built]
2:48:10 PM electron.1 |  [./src/models/applicationState.ts] 4.11 KiB {main} [built]
2:48:10 PM electron.1 |  [./src/providers/export/tensorFlowRecords/tensorFlowReader.ts] 3.41 KiB {main} [built]
2:48:10 PM electron.1 |  [./src/providers/storage/assetProviderFactory.ts] 2.11 KiB {main} [built]
2:48:10 PM electron.1 |  [./src/providers/storage/storageProviderFactory.ts] 2.38 KiB {main} [built]
2:48:10 PM electron.1 |  [./src/services/assetService.ts] 12.4 KiB {main} [built]
2:48:10 PM electron.1 |  [assert] external "assert" 42 bytes {main} [built]
2:48:10 PM electron.1 |  [electron] external "electron" 42 bytes {main} [built]
2:48:10 PM electron.1 |  [fs] external "fs" 42 bytes {main} [built]
2:48:10 PM electron.1 |  [path] external "path" 42 bytes {main} [built]
2:48:10 PM electron.1 |      + 142 hidden modules
2:48:10 PM electron.1 |  ERROR in /opt/vott/VoTT/src/react/components/common/externalPicker/externalPicker.tsx
2:48:10 PM electron.1 |  [tsl] ERROR in /opt/vott/VoTT/src/react/components/common/externalPicker/externalPicker.tsx(107,13)
2:48:10 PM electron.1 |        TS2322: Type 'string' is not assignable to type 'Method'.
2:48:10 PM electron.1 |  Exit-Code: 2
2:48:10 PM electron.1 |  Exit-Signal: null
2:48:10 PM electron.1 |  Electron Process Terminated
2:48:10 PM electron.1 |  Close-Code: 2
2:48:10 PM electron.1 |  Close-Signal: null
[DONE] Killing all processes with signal  SIGINT
2:48:10 PM electron.1 Exited Successfully
2:48:12 PM react.1    |  Failed to compile.
2:48:12 PM react.1    |  /opt/vott/VoTT/node_modules/@tensorflow/tfjs-layers/dist/layers/convolutional_recurrent.d.ts
2:48:12 PM react.1    |  Type error: Cannot find name 'Omit'.  TS2304
2:48:12 PM react.1    |      17 | import { Kwargs } from '../types';
2:48:12 PM react.1    |      18 | import { BaseRNNLayerArgs, LSTMCell, LSTMCellLayerArgs, LSTMLayerArgs, RNN, RNNCell, SimpleRNNCellLayerArgs } from './recurrent';
2:48:12 PM react.1    |    > 19 | declare interface ConvRNN2DCellArgs extends Omit<SimpleRNNCellLayerArgs, 'units'> {
2:48:12 PM react.1    |         |                                             ^
2:48:12 PM react.1    |      20 |     /**
2:48:12 PM react.1    |      21 |      * The dimensionality of the output space (i.e. the number of filters in the
2:48:12 PM react.1    |      22 |      * convolution).

[totosan]

Hi,

I have a similar issue.
Using the NodeJS + TypeScript Container for VSCode Remote Cont. Env.
I am not sure if different TypeScript versions (VSCode vs. VSCode Workspace ) can be the cause. I'll dig into that.
-->
Distributor ID: Debian
Description: Debian GNU/Linux 10 (buster)
Release: 10
Codename: buster
<--
--> Error
OKAY] Loaded ENV .env File as KEY=VALUE Format
8:08:33 PM react.1 | > vott@2.2.0 react-start /workspaces/VoTT
8:08:33 PM react.1 | > react-scripts start
8:08:33 PM electron.1 | > vott@2.2.0 electron-start /workspaces/VoTT
8:08:33 PM electron.1 | > node src/electron/start
8:08:41 PM react.1 | Starting the development server...
8:08:41 PM electron.1 | starting electron
8:08:41 PM electron.1 | > vott@2.2.0 electron:run:dev /workspaces/VoTT
8:08:41 PM electron.1 | > npm run webpack:dev && electron . --remote-debugging-port=9223
8:08:42 PM electron.1 | > vott@2.2.0 webpack:dev /workspaces/VoTT
8:08:42 PM electron.1 | > webpack --config ./config/webpack.dev.js
8:08:48 PM react.1 | Browserslist: caniuse-lite is outdated. Please run next command npm update caniuse-lite browserslist
8:09:22 PM react.1 | Failed to compile.
8:09:22 PM react.1 | /workspaces/VoTT/node_modules/@tensorflow/tfjs-layers/dist/layers/convolutional_recurrent.d.ts
8:09:22 PM react.1 | Type error: Cannot find name 'Omit'. TS2304
8:09:22 PM react.1 | 17 | import { Kwargs } from '../types';
8:09:22 PM react.1 | 18 | import { BaseRNNLayerArgs, LSTMCell, LSTMCellLayerArgs, LSTMLayerArgs, RNN, RNNCell, SimpleRNNCellLayerArgs } from './recurrent';
8:09:22 PM react.1 | > 19 | declare interface ConvRNN2DCellArgs extends Omit<SimpleRNNCellLayerArgs, 'units'> {
8:09:22 PM react.1 | | ^
8:09:22 PM react.1 | 20 | /**
8:09:22 PM react.1 | 21 | * The dimensionality of the output space (i.e. the number of filters in the
8:09:22 PM react.1 | 22 | * convolution).
8:09:43 PM electron.1 | Hash: e809f48c4683bd468ed3
8:09:43 PM electron.1 | Version: webpack 4.19.1
8:09:43 PM electron.1 | Time: 57225ms
8:09:43 PM electron.1 | Built at: 05/02/2021 8:09:43 PM
8:09:43 PM electron.1 | Asset Size Chunks Chunk Names
8:09:43 PM electron.1 | main.js 3.69 MiB main [emitted] main
8:09:43 PM electron.1 | Entrypoint main = main.js
8:09:43 PM electron.1 | [./src/common/extensions/array.ts] 2.35 KiB {main} [built]
8:09:43 PM electron.1 | [./src/common/extensions/map.ts] 1.44 KiB {main} [built]
8:09:43 PM electron.1 | [./src/common/localization/zh-tw.ts] 16 KiB {main} [built]
8:09:43 PM electron.1 | [./src/common/strings.ts] 1.53 KiB {main} [built]
8:09:43 PM electron.1 | [./src/common/utils.ts] 4.35 KiB {main} [built]
8:09:43 PM electron.1 | [./src/electron/common/ipcMainProxy.ts] 2.17 KiB {main} [built]
8:09:43 PM electron.1 | [./src/electron/main.ts] 4.75 KiB {main} [built]
8:09:43 PM electron.1 | [./src/electron/providers/storage/localFileSystem.ts] 7.1 KiB {main} [built]
8:09:43 PM electron.1 | [./src/models/applicationState.ts] 4.11 KiB {main} [built]
8:09:43 PM electron.1 | [./src/providers/storage/assetProviderFactory.ts] 2.11 KiB {main} [built]
8:09:43 PM electron.1 | [./src/registerMixins.ts] 501 bytes {main} [built]
8:09:43 PM electron.1 | [./src/services/assetService.ts] 12.4 KiB {main} [built]
8:09:43 PM electron.1 | [electron] external "electron" 42 bytes {main} [built]
8:09:43 PM electron.1 | [fs] external "fs" 42 bytes {main} [built]
8:09:43 PM electron.1 | [path] external "path" 42 bytes {main} [built]
8:09:43 PM electron.1 | + 143 hidden modules
8:09:43 PM electron.1 | Exit-Code: 1
8:09:43 PM electron.1 | Exit-Signal: null
8:09:43 PM electron.1 | Electron Process Terminated
8:09:43 PM electron.1 | Close-Code: 1
8:09:43 PM electron.1 | Close-Signal: null

[apiszcz]

I found a few packages needed an update, steps follow.

npm ci
npm update caniuse-lite browserslist
npm update caniuse-lite browserslist
npm run build
npm run electron:run:prod

[totosan]

Sadly this is not working for my env. I am just investigating this. Updating caniuse-lite browserslist doesn't seem to work properly. It's always staying recent. Will completely setup a new and empty env.

[totosan]

I am trying to build on MacOS (Big Sur)... this leads to incompatibilities (node - NVM - npm - node-gyp & -sass)
found following worked for me:

1. sudo rm -rf $(xcode-select -print-path)
2. xcode-select --install
3. /usr/sbin/pkgutil --packages | grep CL
4. sudo npm install -g node-gyp

original source can be looked up here: GitHub