Compile errors

[michielbdejong]

I'm using node version 20. I tried:

npm ci
npm run start

But got the following errors:

Any idea what would cause this?

[thhck]

H @michielbdejong
I was not expecting people to check the repo so quickly 😅

This is expected behavior with your version, but it has been fixed now and should work if you do the following:

in the root repo:

npm i

in the shacl-form folder:

npm i
npm run build

Checkout that the shacl-form/dist folder exist in the src/ folder,
Otherwise, copy or create a symlink between shacl-form/dist and src/shacl-form/dist.

finally in the root repo:

npm run start

Then checkout localhost:3000 , log in with your favorite pod browser ( https://pod.liquid.surf ) and create a tutorial !

[michielbdejong]

Hm, unfortunately when I run npm run build in the shacl-form folder I get:

$ pwd
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form
$ git status
On branch main
Your branch is up to date with 'origin/main'.

nothing to commit, working tree clean
$ npm ci

added 477 packages, and audited 478 packages in 4s

84 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities
$ npm run build

> @ulb-darmstadt/shacl-form@1.4.0 build
> npm run clean && webpack --mode production && mkdir -p ../src/shacl-form/ && ln -s $PWD/dist/ $PWD/../src/shacl-form/


> @ulb-darmstadt/shacl-form@1.4.0 clean
> rimraf dist/ && rimraf ../src/shacl-form/dist/

assets by status 3.63 MiB [cached] 32 assets
orphan modules 1.22 MiB [orphan] 304 modules
runtime modules 4.61 KiB 22 modules
cacheable modules 4.79 MiB
  modules by path ./node_modules/ 2.47 MiB 104 modules
  modules by path ./src/ 2.31 MiB
    modules by path ./src/plugins/*.ts 137 KiB
      ./src/plugins/mapbox.ts + 9 modules 69 KiB [built] [code generated]
      ./src/plugins/leaflet.ts + 10 modules 64 KiB [built] [code generated]
      ./src/plugins/fixed-list.ts + 1 modules 1.81 KiB [built] [code generated]
      ./src/plugins/image-upload.ts + 1 modules 2.44 KiB [built] [code generated]
    modules by path ./src/*.ts 2.18 MiB
      ./src/form-default.ts + 181 modules 536 KiB [built] [code generated]
      ./src/form-material.ts + 276 modules 931 KiB [built] [code generated]
      ./src/form-bootstrap.ts + 184 modules 765 KiB [built] [code generated]
  rdf-canonize-native (ignored) 15 bytes [optional] [built] [code generated]

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'aria-query'.
  The file is in the program because:
    Entry point for implicit type library 'aria-query'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'babel__core'.
  The file is in the program because:
    Entry point for implicit type library 'babel__core'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'babel__generator'.
  The file is in the program because:
    Entry point for implicit type library 'babel__generator'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'babel__template'.
  The file is in the program because:
    Entry point for implicit type library 'babel__template'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'babel__traverse'.
  The file is in the program because:
    Entry point for implicit type library 'babel__traverse'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'concat-stream'.
  The file is in the program because:
    Entry point for implicit type library 'concat-stream'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'form-data'.
  The file is in the program because:
    Entry point for implicit type library 'form-data'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'graceful-fs'.
  The file is in the program because:
    Entry point for implicit type library 'graceful-fs'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'history'.
  The file is in the program because:
    Entry point for implicit type library 'history'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'html-minifier-terser'.
  The file is in the program because:
    Entry point for implicit type library 'html-minifier-terser'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'http-link-header'.
  The file is in the program because:
    Entry point for implicit type library 'http-link-header'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'istanbul-lib-coverage'.
  The file is in the program because:
    Entry point for implicit type library 'istanbul-lib-coverage'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'istanbul-lib-report'.
  The file is in the program because:
    Entry point for implicit type library 'istanbul-lib-report'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'istanbul-reports'.
  The file is in the program because:
    Entry point for implicit type library 'istanbul-reports'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'jest'.
  The file is in the program because:
    Entry point for implicit type library 'jest'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'parse-json'.
  The file is in the program because:
    Entry point for implicit type library 'parse-json'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'prop-types'.
  The file is in the program because:
    Entry point for implicit type library 'prop-types'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'q'.
  The file is in the program because:
    Entry point for implicit type library 'q'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'react'.
  The file is in the program because:
    Entry point for implicit type library 'react'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'react-dom'.
  The file is in the program because:
    Entry point for implicit type library 'react-dom'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'react-helmet'.
  The file is in the program because:
    Entry point for implicit type library 'react-helmet'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'react-router'.
  The file is in the program because:
    Entry point for implicit type library 'react-router'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'react-router-dom'.
  The file is in the program because:
    Entry point for implicit type library 'react-router-dom'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'react-slick'.
  The file is in the program because:
    Entry point for implicit type library 'react-slick'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'react-transition-group'.
  The file is in the program because:
    Entry point for implicit type library 'react-transition-group'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'readable-stream'.
  The file is in the program because:
    Entry point for implicit type library 'readable-stream'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'resolve'.
  The file is in the program because:
    Entry point for implicit type library 'resolve'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'scheduler'.
  The file is in the program because:
    Entry point for implicit type library 'scheduler'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'semver'.
  The file is in the program because:
    Entry point for implicit type library 'semver'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'shexj'.
  The file is in the program because:
    Entry point for implicit type library 'shexj'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'stack-utils'.
  The file is in the program because:
    Entry point for implicit type library 'stack-utils'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'testing-library__jest-dom'.
  The file is in the program because:
    Entry point for implicit type library 'testing-library__jest-dom'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'yargs'.
  The file is in the program because:
    Entry point for implicit type library 'yargs'

ERROR in /Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
/Users/michiel/gh/Liquid-Surf/hackathon_ldo/shacl-form/tsconfig.json
[tsl] ERROR
      TS2688: Cannot find type definition file for 'yargs-parser'.
  The file is in the program because:
    Entry point for implicit type library 'yargs-parser'

34 errors have detailed information that is not shown.
Use 'stats.errorDetails: true' resp. '--stats-error-details' to show it.

webpack 5.91.0 compiled with 34 errors in 17985 ms

[thhck]

Thanks for reporting ! I was not able to reproduce with node 20.
Could you also share your OS and npm version ?
Seems to be a issue with types not being found, could you run and share the result of

cd shacl-form/node_modules/@types
ls -1 *

Maybe it's a cache issue:

cd shacl-form
rm -rf node_modules dist package-lock.json
npm cache clean -f
npm i
npm run build

Otherwise you can also check the live demo at:
https://semantic-tutorials.netlify.app/