Error with Make: make: *** [Makefile:15: javascript] Error 2

[kefsaj]

Error I am facing:

    ERROR in /var/www/loris/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/eeglab/EEGLabSeriesProvider.tsx
    ./modules/electrophysiology_browser/jsx/react-series-data-viewer/src/eeglab/EEGLabSeriesProvider.tsx 165:7-15
    [tsl] ERROR in /var/www/loris/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/eeglab/EEGLabSeriesProvider.tsx(165,8)
          TS2786: 'Provider' cannot be used as a JSX component.
      Its instance type 'Provider<AnyAction>' is not a valid JSX element.
        The types returned by 'render()' are incompatible between these types.
          Type 'React.ReactNode' is not assignable to type 'import("/var/www/loris/modules/electrophysiology_browser/jsx/react-series-data-viewer/node_modules/@types/hoist-non-react-statics/node_modules/@types/react/index").ReactNode'.
            Type '{}' is not assignable to type 'ReactNode'.
              Type '{}' is not assignable to type 'ReactPortal'.
    
    ERROR in /var/www/loris/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/IntervalSelect.tsx
    ./modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/IntervalSelect.tsx 98:11-15
    [tsl] ERROR in /var/www/loris/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/IntervalSelect.tsx(98,12)
          TS2786: 'Rail' cannot be used as a JSX component.
      Its instance type 'Rail' is not a valid JSX element.
        The types returned by 'render()' are incompatible between these types.
          Type 'string | number | boolean | {} | ReactNodeArray | ReactPortal | ReactElement<any, string | ((props: any) => ReactElement<any, any>) | (new (props: any) => Component<...>)>' is not assignable to type 'ReactNode'.
            Type '{}' is not assignable to type 'ReactNode'.
              Type '{}' is missing the following properties from type 'ReactPortal': key, children, type, props
    
    ERROR in /var/www/loris/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/IntervalSelect.tsx
    ./modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/IntervalSelect.tsx 103:11-18
    [tsl] ERROR in /var/www/loris/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/IntervalSelect.tsx(103,12)
          TS2786: 'Handles' cannot be used as a JSX component.
      Its instance type 'Handles' is not a valid JSX element.
        The types returned by 'render()' are incompatible between these types.
          Type 'string | number | boolean | {} | ReactNodeArray | ReactPortal | ReactElement<any, string | ((props: any) => ReactElement<any, any>) | (new (props: any) => Component<...>)>' is not assignable to type 'ReactNode'.
            Type '{}' is not assignable to type 'ReactNode'.
              Type '{}' is not assignable to type 'ReactPortal'.
    
    ERROR in /var/www/loris/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/IntervalSelect.tsx
    ./modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/IntervalSelect.tsx 117:11-16
    [tsl] ERROR in /var/www/loris/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/IntervalSelect.tsx(117,12)
          TS2786: 'Ticks' cannot be used as a JSX component.
      Its instance type 'Ticks' is not a valid JSX element.
        The types returned by 'render()' are incompatible between these types.
          Type 'ReactElement<any, string | ((props: any) => ReactElement<any, any>) | (new (props: any) => Component<any, any, any>)>' is not assignable to type 'ReactNode'.
            Property 'children' is missing in type 'ReactElement<any, string | ((props: any) => ReactElement<any, any>) | (new (props: any) => Component<any, any, any>)>' but required in type 'ReactPortal'.
make: *** [Makefile:15: javascript] Error 2

Following steps found at https://acesloris.readthedocs.io/en/latest/docs/wiki/00_SERVER_INSTALL_AND_CONFIGURATION/01_LORIS_Install/Ubuntu/README.html

NPM and NodeJS is updated to the latest version. OS: Ubuntu 18

Error happens when make is ran inside /var/www/loris. Any help is appreciated. Thanks!

[cmadjar]

@kefsaj I transferred the issue to the LORIS repo as the issue you are having is happening on the LORIS JS side and not with the LORIS-MRI scripts.

I am unsure what the issue might be. @laemtl @driusan @kongtiaowang any idea?

[kefsaj]

Thank you! Happy to provide more info as needed.

[kefsaj]

Hi Folks, Just checking if anyone could help us on this front. Thanks!

[laemtl]

Hello @kefsaj, which release version are you using?

[kefsaj]

Hello @kefsaj, which release version are you using?

@laemtl Hey thank you for the reply! Using the latest version of LORIS, 24.0.3

[laemtl]

Can you try to update the root package.json with the following content:

{
  "name": "loris",
  "version": "1.0.0",
  "description": "Note that the README in LORIS assumes that LORIS is being run on Ubuntu.",
  "directories": {
    "doc": "docs",
    "test": "test"
  },
  "dependencies": {
    "@babel/plugin-transform-runtime": "^7.10.5",
    "@babel/runtime": "^7.10.5",
    "@fortawesome/fontawesome-free": "^5.11.2",
    "copy-webpack-plugin": "^6.2.1",
    "jstat": "^1.9.5",
    "papaparse": "^5.3.0",
    "prop-types": "^15.7.2",
    "react": "^17.0.1",
    "react-addons-create-fragment": "^15.6.2",
    "react-dom": "^17.0.1",
    "react-markdown": "^5.0.2",
    "style-loader": "^1.1.3",
    "swagger-ui-dist": "^3.47.1",
    "sweetalert2": "^8.18.6"
  },
  "devDependencies": {
    "@babel/cli": "^7.6.4",
    "@babel/core": "^7.11.0",
    "@babel/plugin-proposal-object-rest-spread": "^7.6.2",
    "@babel/preset-env": "^7.9.6",
    "@babel/preset-react": "^7.6.3",
    "@types/react": "^16.12.0",
    "@types/react-dom": "^16.9.9",
    "@types/react-redux": "7.1.16",
    "alex": ">=8.0.1",
    "babel-eslint": "^10.0.1",
    "babel-loader": "^8.0.5",
    "c3": "^0.7.15",
    "css-loader": "^3.4.2",
    "d3": "^5.15.0",
    "eslint": "^7.17.0",
    "eslint-config-google": "0.9.1",
    "eslint-plugin-no-jquery": "^2.6.0",
    "eslint-plugin-react": "^7.16.0",
    "eslint-webpack-plugin": "2.1.0",
    "null-loader": "^4.0.1",
    "style-loader": "^1.1.3",
    "terser-webpack-plugin": "^1.3.0",
    "ts-loader": "^8.3.0",
    "typescript": "^3.0.1",
    "webpack": "^4.41.2",
    "webpack-cli": "^3.3.0"
  },
  "resolutions": {
    "@types/react": "^16.12.0"
  },
  "scripts": {
    "lint:javascript": "./test/run-js-linter.sh",
    "lintfix:javascript": "eslint --fix --ext .js, jsx modules",
    "lint:php": "./test/run-php-linter.sh",
    "lintfix:php": "./test/run-php-linter.sh -f",
    "tests:static": "make checkstatic",
    "lint:shell": "./test/run-shell-linter.sh",
    "tests:unit": "./test/dockerized-unit-tests.sh",
    "tests:unit:debug": "DEBUG=true ./test/dockerized-unit-tests.sh",
    "tests:integration": "./test/dockerized-integration-tests.sh",
    "tests:integration:debug": "DEBUG=true ./test/dockerized-integration-tests.sh",
    "compile": "webpack",
    "watch": "webpack --watch",
    "preinstall": "npm install --package-lock-only --ignore-scripts && npx npm-force-resolutions",
    "postinstall": "cd modules/electrophysiology_browser/jsx/react-series-data-viewer && npm install"
  },
  "repository": {
    "type": "git",
    "url": "https://github.com/aces/Loris.git"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "bugs": {
    "url": "https://github.com/aces/Loris/issues"
  },
  "homepage": "https://github.com/aces/Loris"
}

and the EEG module package.json with:

{
  "name": "react-series-data-viewer",
  "homepage": "https://github.com/aces/react-series-data-viewer/",
  "version": "1.0.0",
  "description": "react-series-data-viewer React component",
  "dependencies": {
    "@visx/axis": "^1.4.0",
    "@visx/group": "^1.0.0",
    "@visx/responsive": "^1.3.0",
    "@visx/shape": "^1.4.0",
    "d3-3d": "0.0.10",
    "d3-array": "^1.2.4",
    "d3-dsv": "^1.0.10",
    "d3-scale": "^2.1.2",
    "d3-scale-chromatic": "^1.3.3",
    "differenceequationsignal1d": "^0.1.1",
    "gl-matrix": "^2.8.1",
    "google-protobuf": "^3.6.1",
    "ramda": "^0.25.0",
    "react": "^16.12.0",
    "react-compound-slider": "^3.3.1",
    "react-dom": "^16.13.1",
    "react-redux": "^7.2.1",
    "redux": "^4.0.0",
    "redux-actions": "^2.6.1",
    "redux-logger": "^3.0.6",
    "redux-observable": "^1.0.0",
    "redux-thunk": "^2.3.0",
    "resize-observer-polyfill": "^1.5.0",
    "rxjs": "^6.6.3",
    "tslib": "^1.9.3"
  },
  "devDependencies": {
    "@types/react": "^16.12.0",
    "@types/react-dom": "^16.9.9",
    "@types/react-redux": "7.1.16"
  },
  "resolutions": {
    "@types/react": "^16.12.0"
  },
  "scripts": {
    "preinstall": "npm install --package-lock-only --ignore-scripts && npx npm-force-resolutions"
  },
  "license": "MIT",
  "repository": "https://github.com/aces/react-series-data-viewer"
}

and let me know if this solves your issue.

[kefsaj]

@laemtl Thank you for the reply! I updated both JSON files but I am still getting the same errors.

ERROR in /var/www/loris/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/IntervalSelect.tsx
    ./modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/IntervalSelect.tsx 98:11-15
    [tsl] ERROR in /var/www/loris/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/IntervalSelect.tsx(98,12)
          TS2786: 'Rail' cannot be used as a JSX component.
      Its instance type 'Rail' is not a valid JSX element.
        The types returned by 'render()' are incompatible between these types.
          Type 'string | number | boolean | {} | Iterable<ReactNode> | ReactPortal | ReactElement<any, string | ((props: any) => ReactElement<any, any>) | (new (props: any) => Component<...>)>' is not assignable to type 'ReactNode'.
            Type '{}' is not assignable to type 'ReactNode'.
              Type '{}' is missing the following properties from type 'ReactPortal': key, children, type, props
    ERROR in /var/www/loris/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/IntervalSelect.tsx
    ./modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/IntervalSelect.tsx 103:11-18
    [tsl] ERROR in /var/www/loris/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/IntervalSelect.tsx(103,12)
          TS2786: 'Handles' cannot be used as a JSX component.
      Its instance type 'Handles' is not a valid JSX element.
        The types returned by 'render()' are incompatible between these types.
          Type 'string | number | boolean | {} | Iterable<ReactNode> | ReactPortal | ReactElement<any, string | ((props: any) => ReactElement<any, any>) | (new (props: any) => Component<...>)>' is not assignable to type 'ReactNode'.
            Type '{}' is not assignable to type 'ReactNode'.
              Type '{}' is not assignable to type 'ReactPortal'.

    ERROR in /var/www/loris/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/IntervalSelect.tsx
    ./modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/IntervalSelect.tsx 117:11-16
    [tsl] ERROR in /var/www/loris/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/series/components/IntervalSelect.tsx(117,12)
          TS2786: 'Ticks' cannot be used as a JSX component.
      Its instance type 'Ticks' is not a valid JSX element.
        The types returned by 'render()' are incompatible between these types.
          Type 'ReactElement<any, string | ((props: any) => ReactElement<any, any>) | (new (props: any) => Component<any, any, any>)>' is not assignable to type 'ReactNode'.
            Property 'children' is missing in type 'ReactElement<any, string | ((props: any) => ReactElement<any, any>) | (new (props: any) => Component<any, any, any>)>' but required in type 'ReactPortal'.
    
    ERROR in /var/www/loris/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/eeglab/EEGLabSeriesProvider.tsx
    ./modules/electrophysiology_browser/jsx/react-series-data-viewer/src/eeglab/EEGLabSeriesProvider.tsx 165:7-15
    [tsl] ERROR in /var/www/loris/modules/electrophysiology_browser/jsx/react-series-data-viewer/src/eeglab/EEGLabSeriesProvider.tsx(165,8)
          TS2786: 'Provider' cannot be used as a JSX component.
      Its instance type 'Provider<AnyAction>' is not a valid JSX element.
        The types returned by 'render()' are incompatible between these types.
          Type 'React.ReactNode' is not assignable to type 'import("/var/www/loris/modules/electrophysiology_browser/jsx/react-series-data-viewer/node_modules/@visx/group/node_modules/@types/react/index").ReactNode'.
            Type '{}' is not assignable to type 'ReactNode'.
              Type '{}' is not assignable to type 'ReactPortal'.
make: *** [Makefile:15: javascript] Error 2

[laemtl]

Can you try again? I updated my previous answer. Make sure to remove the node_modules before running make:

rm -r /var/www/loris/node_modules/
rm -r /var/www/loris/modules/electrophysiology_browser/jsx/react-series-data-viewer/node_modules/

[kefsaj]

@laemtl Just an update, I did the remove commands and updated the JSON packages. This is the result.

Also tried npm cache clean --force

Output in terminal:

lorisadmin@ubuntu-focal:/var/www/loris$ make
tools/gen-version.sh
npm install 
npm ERR! Invalid Version: ^7.1.16

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/lorisadmin/.npm/_logs/2022-09-28T15_06_53_305Z-debug-0.log
make: *** [Makefile:14: javascript] Error 1

Log file:

40 http fetch GET 200 https://registry.npmjs.org/@types%2freact-redux 55ms (cache hit)
41 timing idealTree Completed in 1693ms
42 timing command:install Completed in 1738ms
43 verbose stack TypeError: Invalid Version: ^7.1.16
43 verbose stack     at new SemVer (/usr/local/lib/node_modules/npm/node_modules/semver/classes/semver.js:38:13)
43 verbose stack     at compare (/usr/local/lib/node_modules/npm/node_modules/semver/functions/compare.js:3:32)
43 verbose stack     at Object.gte (/usr/local/lib/node_modules/npm/node_modules/semver/functions/gte.js:2:30)
43 verbose stack     at CanPlaceDep.checkCanPlaceCurrent (/usr/local/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/can-place-dep.js:173:51)
43 verbose stack     at CanPlaceDep.checkCanPlace (/usr/local/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/can-place-dep.js:157:27)
43 verbose stack     at new CanPlaceDep (/usr/local/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/can-place-dep.js:114:26)
43 verbose stack     at PlaceDep.place (/usr/local/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/place-dep.js:123:19)
43 verbose stack     at new PlaceDep (/usr/local/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/place-dep.js:73:10)
43 verbose stack     at /usr/local/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/build-ideal-tree.js:944:31
43 verbose stack     at Array.map (<anonymous>)

So I removed "@types/react-redux": "^7.1.16", from devdependencies which resulted in

> [email protected] postinstall
> cd modules/electrophysiology_browser/jsx/react-series-data-viewer && npm install

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: @visx/[email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR!   react@"^17.0.1" from the root project
npm ERR!   peer react@">=16.9" from [email protected]
npm ERR!   node_modules/react-compound-slider
npm ERR!     react-compound-slider@"^3.3.1" from the root project
npm ERR!   1 more (react-redux)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.3.0-0" from @visx/[email protected]
npm ERR! node_modules/@visx/axis
npm ERR!   @visx/axis@"^1.4.0" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/react
npm ERR!   peer react@"^16.3.0-0" from @visx/[email protected]
npm ERR!   node_modules/@visx/axis
npm ERR!     @visx/axis@"^1.4.0" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See /home/lorisadmin/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/lorisadmin/.npm/_logs/2022-09-28T15_53_52_971Z-debug-0.log
npm ERR! code 1
npm ERR! path /var/www/loris
npm ERR! command failed
npm ERR! command sh -c -- cd modules/electrophysiology_browser/jsx/react-series-data-viewer && npm install

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/lorisadmin/.npm/_logs/2022-09-28T15_52_31_648Z-debug-0.log
make: *** [Makefile:14: javascript] Error 

Thanks for your help!

[laemtl]

If you change all occurrences of "@types/react-redux": "^7.1.16" for "@types/react-redux": "7.1.16"

in the files above, does it help? If not, I will try to setup a VM with the same specs to try to reproduce.

[kefsaj]

Hey yes, it did help. Thank you! Made progress.

I was encountering

lorisadmin@ubuntu-focal:/var/www/loris$ make
tools/gen-version.sh
npm install 
npm ERR! Invalid Version: ^17.0.1

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/lorisadmin/.npm/_logs/2022-09-29T15_03_22_245Z-debug-0.log
make: *** [Makefile:14: javascript] Error 1

I temporarily removed this issue by removing "^" from all instances of ^17.0.1.

Trying to solve another snaggle at the moment.

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR!   react@"17.0.1" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^15.0.0-0 || ^16.0.0-0" from @visx/[email protected]
npm ERR! node_modules/@visx/group
npm ERR!   @visx/group@"^1.0.0" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See /home/lorisadmin/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/lorisadmin/.npm/_logs/2022-09-29T15_07_38_891Z-debug-0.log
npm ERR! code 1
npm ERR! path /var/www/loris
npm ERR! command failed
npm ERR! command sh -c -- cd modules/electrophysiology_browser/jsx/react-series-data-viewer && npm install

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/lorisadmin/.npm/_logs/2022-09-29T15_06_08_988Z-debug-0.log
make: *** [Makefile:14: javascript] Error 1

afterwards when I tried to troubleshoot electrophysiology_browser/jsx/react-series-data-viewer, this is my situation I am in currently.

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: @visx/[email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR!   react@"17.0.1" from the root project
npm ERR!   peer react@">=16.9" from [email protected]
npm ERR!   node_modules/react-compound-slider
npm ERR!     react-compound-slider@"^3.3.1" from the root project
npm ERR!   1 more (react-redux)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.3.0-0" from @visx/[email protected]
npm ERR! node_modules/@visx/axis
npm ERR!   @visx/axis@"^1.4.0" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/react
npm ERR!   peer react@"^16.3.0-0" from @visx/[email protected]
npm ERR!   node_modules/@visx/axis
npm ERR!     @visx/axis@"^1.4.0" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See /home/lorisadmin/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/lorisadmin/.npm/_logs/2022-09-29T15_42_31_732Z-debug-0.log
npm ERR! code 1
npm ERR! path /var/www/loris
npm ERR! command failed
npm ERR! command sh /tmp/postinstall-db594e4c.sh

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/lorisadmin/.npm/_logs/2022-09-29T15_42_05_579Z-debug-0.log
make: *** [Makefile:14: javascript] Error 1

/home/lorisadmin/.npm/_logs/2022-09-29T15_55_11_280Z-debug-0.log :

435 timing metavuln:packument:eslint-webpack-plugin Completed in 157ms
436 timing metavuln:load:security-advisory:eslint-webpack-plugin:ayYXFhQ+w8ZWoevDvurj5vCwrrvt7sOBUBQxXE/nyOBwpzYF0t8SBCtRzu+3xHyODO/DWuIPIzKy8CNhGm4ftA== Completed in 1ms
437 timing metavuln:calculate:security-advisory:eslint-webpack-plugin:ayYXFhQ+w8ZWoevDvurj5vCwrrvt7sOBUBQxXE/nyOBwpzYF0t8SBCtRzu+3xHyODO/DWuIPIzKy8CNhGm4ftA== Completed in 158ms
438 timing auditReport:init Completed in 734ms
439 timing reify:audit Completed in 2017ms
440 timing reify Completed in 6800ms
441 timing command:install Completed in 27489ms
442 verbose stack Error: command failed
442 verbose stack     at ChildProcess.<anonymous> (/usr/local/lib/node_modules/npm/node_modules/@npmcli/promise-spawn/lib/index.js:63:27)
442 verbose stack     at ChildProcess.emit (node:events:513:28)
442 verbose stack     at maybeClose (node:internal/child_process:1093:16)
442 verbose stack     at Process.ChildProcess._handle.onexit (node:internal/child_process:302:5)
443 verbose pkgid [email protected]
444 verbose cwd /var/www/loris
445 verbose Linux 5.4.0-126-generic
446 verbose node v16.17.1
447 verbose npm  v8.15.0
448 error code 1
449 error path /var/www/loris
450 error command failed
451 error command sh /tmp/postinstall-1bfa4363.sh
452 verbose exit 1
453 timing npm Completed in 27672ms
454 verbose code 1
455 error A complete log of this run can be found in:
455 error     /home/lorisadmin/.npm/_logs/2022-09-29T15_55_11_280Z-debug-0.log

Will keep you updated. Thanks for your help!

[laemtl]

Let's do it the other way around. Can you share the content of your modules/electrophysiology_browser/jsx/react-series-data-viewer/package-lock.json?

[laemtl]

Since your npm version is recent, there might be an easier way. Reset the changes made above in the main package.json: > git checkout package.json > git clean -f

and replace the content of modules/electrophysiology_browser/jsx/react-series-data-viewer/package.json:

{
  "name": "react-series-data-viewer",
  "homepage": "https://github.com/aces/react-series-data-viewer/",
  "version": "1.0.0",
  "description": "react-series-data-viewer React component",
  "dependencies": {
    "@visx/axis": "^1.4.0",
    "@visx/group": "^1.0.0",
    "@visx/responsive": "^1.3.0",
    "@visx/shape": "^1.4.0",
    "d3-3d": "0.0.10",
    "d3-array": "^1.2.4",
    "d3-dsv": "^1.0.10",
    "d3-scale": "^2.1.2",
    "d3-scale-chromatic": "^1.3.3",
    "differenceequationsignal1d": "^0.1.1",
    "gl-matrix": "^2.8.1",
    "google-protobuf": "^3.6.1",
    "ramda": "^0.25.0",
    "react": "^16.12.0",
    "react-compound-slider": "^3.3.1",
    "react-dom": "^16.13.1",
    "react-redux": "^7.2.1",
    "redux": "^4.0.0",
    "redux-actions": "^2.6.1",
    "redux-logger": "^3.0.6",
    "redux-observable": "^1.0.0",
    "redux-thunk": "^2.3.0",
    "resize-observer-polyfill": "^1.5.0",
    "rxjs": "^6.6.3",
    "tslib": "^1.9.3"
  },
  "devDependencies": {
    "@types/react": "^16.12.0",
    "@types/react-dom": "^16.9.9",
    "@types/react-redux": "7.1.16"
  },
  "overrides": {
    "@types/react": "^16.12.0"
  },
  "license": "MIT",
  "repository": "https://github.com/aces/react-series-data-viewer"
}

Run the following before running make:

rm -R /var/www/loris/node_modules/
rm /var/www/loris/package-lock.json
rm -R /var/www/loris/modules/electrophysiology_browser/jsx/react-series-data-viewer/node_modules/
rm /var/www/loris/modules/electrophysiology_browser/jsx/react-series-data-viewer/package-lock.json

[kefsaj]

Let's do it the other way around. Can you share the content of your modules/electrophysiology_browser/jsx/react-series-data-viewer/package-lock.json?

package-lock.json.LOG I changed the extension to LOG in order to upload to Github.

[kefsaj]

Since your npm version is recent, there might be an easier way. Reset the changes made above in the main package.json: > git checkout package.json

and replace the content of modules/electrophysiology_browser/jsx/react-series-data-viewer/package.json:

{
  "name": "react-series-data-viewer",
  "homepage": "https://github.com/aces/react-series-data-viewer/",
  "version": "1.0.0",
  "description": "react-series-data-viewer React component",
  "dependencies": {
    "@visx/axis": "^1.4.0",
    "@visx/group": "^1.0.0",
    "@visx/responsive": "^1.3.0",
    "@visx/shape": "^1.4.0",
    "d3-3d": "0.0.10",
    "d3-array": "^1.2.4",
    "d3-dsv": "^1.0.10",
    "d3-scale": "^2.1.2",
    "d3-scale-chromatic": "^1.3.3",
    "differenceequationsignal1d": "^0.1.1",
    "gl-matrix": "^2.8.1",
    "google-protobuf": "^3.6.1",
    "ramda": "^0.25.0",
    "react": "^16.12.0",
    "react-compound-slider": "^3.3.1",
    "react-dom": "^16.13.1",
    "react-redux": "^7.2.1",
    "redux": "^4.0.0",
    "redux-actions": "^2.6.1",
    "redux-logger": "^3.0.6",
    "redux-observable": "^1.0.0",
    "redux-thunk": "^2.3.0",
    "resize-observer-polyfill": "^1.5.0",
    "rxjs": "^6.6.3",
    "tslib": "^1.9.3"
  },
  "devDependencies": {
    "@types/react": "^16.12.0",
    "@types/react-dom": "^16.9.9",
    "@types/react-redux": "7.1.16"
  },
  "overrides": {
    "@types/react": "^16.12.0"
  },
  "license": "MIT",
  "repository": "https://github.com/aces/react-series-data-viewer"
}

Run the following before running make:

rm -R /var/www/loris/node_modules/
rm /var/www/loris/package-lock.json
rm -R /var/www/loris/modules/electrophysiology_browser/jsx/react-series-data-viewer/node_modules/
rm /var/www/loris/modules/electrophysiology_browser/jsx/react-series-data-viewer/package-lock.json

This is the result:

Error: EACCES: permission denied, open '/var/www/loris/modules/mri_violations/js/columnFormatter.js'
make: *** [Makefile:15: javascript] Error 1``` 

[laemtl]

The file /var/www/loris/modules/mri_violations/js/columnFormatter.js is generated, it can be deleted before running make.

[kefsaj]

Update on the situation:

    WARNING in ./node_modules/swagger-ui-dist/swagger-ui-bundle.js 2:993499
    Module parse failed: Unexpected token (2:993499)
    You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
    (Source code omitted for this binary file)
composer install --no-dev
> mkdir -p project/libraries
Installing dependencies from lock file
Verifying lock file contents can be installed on current platform.
Your lock file does not contain a compatible set of packages. Please run composer update.

  Problem 1
    - laminas/laminas-diactoros is locked to version 2.5.0 and an update of this package was not requested.
    - laminas/laminas-diactoros 2.5.0 requires php ^7.3 || ~8.0.0 -> your php version (8.1.11) does not satisfy that requirement.

make: *** [Makefile:4: all] Error 2
lorisadmin@ubuntu-focal:/var/www/loris$ 

[driusan]

hi @kefsaj,

LORIS 24 requires PHP 7.4 or PHP 8.0. PHP 8.1 support is added in LORIS 24.1 (which isn't quite released yet, but should be shortly..) Is it possible for you to downgrade to PHP 8.0.x?

[laemtl]

@kefsaj Good news, it seems like your are passing successfully the JS compilation now.

[kefsaj]

hi @kefsaj,

LORIS 24 requires PHP 7.4 or PHP 8.0. PHP 8.1 support is added in LORIS 24.1 (which isn't quite released yet, but should be shortly..) Is it possible for you to downgrade to PHP 8.0.x?

Yes, working on that right now. Thanks!

[kefsaj]

@kefsaj Good news, it seems like your are passing successfully the JS compilation now.

Yes, thank you guys for all your help! Really appreciate all your help!!

[kefsaj]

Thank you so much for all the help! Make ran successfully and have made really good progress with the install.