Console and terminal errors when running app

Grasshopper ShapeDiver
, ,
1

Hi,

I’m using a create-react-app default build and have installed the viewer and interaction packages via npm install --save @shapediver/viewer @shapediver/viewer.features.interaction.
When I run the project, the terminal is filled to the brim with errors such as these:

WARNING in ./node_modules/@shapediver/viewer.settings/dist/versions/v3/Validator.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '[project_root]/node_modules/@shapediver/viewer.settings/src/versions/v3/Validator.ts' file: Error: ENOENT: no such file or directory, open '[project_root]/node_modules/@shapediver/viewer.settings/src/versions/v3/Validator.ts'

WARNING in ./node_modules/@shapediver/viewer.settings/dist/versions/v3_1/Converter.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '[project_root]/node_modules/@shapediver/viewer.settings/src/versions/v3_1/Converter.ts' file: Error: ENOENT: no such file or directory, open '[project_root]/node_modules/@shapediver/viewer.settings/src/versions/v3_1/Converter.ts'

WARNING in ./node_modules/@shapediver/viewer.settings/dist/versions/v3_1/Defaults.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '[project_root]/node_modules/@shapediver/viewer.settings/src/versions/v3_1/Defaults.ts' file: Error: ENOENT: no such file or directory, open '[project_root]/node_modules/@shapediver/viewer.settings/src/versions/v3_1/Defaults.ts'

WARNING in ./node_modules/@shapediver/viewer.settings/dist/versions/v3_1/Validator.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '[project_root]/node_modules/@shapediver/viewer.settings/src/versions/v3_1/Validator.ts' file: Error: ENOENT: no such file or directory, open '[project_root]/node_modules/@shapediver/viewer.settings/src/versions/v3_1/Validator.ts'

And when I the project is opened in a browser, the console logs this error:

SDNode.ts:5 Uncaught TypeError: Class extends value undefined is not a constructor or null
    at ./node_modules/@shapediver/viewer.rendering-engine-threejs.standard/dist/types/SDNode.js (SDNode.ts:5:1)
    at options.factory (react refresh:6:1)
    at __webpack_require__ (bootstrap:24:1)
    at fn (hot module replacement:62:1)
    at ./node_modules/@shapediver/viewer.rendering-engine-threejs.standard/dist/managers/SceneTreeManager.js (SceneTreeManager.ts:36:1)
    at options.factory (react refresh:6:1)
    at __webpack_require__ (bootstrap:24:1)
    at fn (hot module replacement:62:1)
    at ./node_modules/@shapediver/viewer.rendering-engine-threejs.standard/dist/RenderingEngine.js (RenderingEngine.ts:63:1)
    at options.factory (react refresh:6:1)

Am I doing something wrong in particular? There are no other steps.
The console error gets triggered as soon as I invoke createViewport().

2

Hello,

this issue was already resolved with Gustavs. Just for anyone reading this: There is an issue with the newer versions of the react-scripts package. If you downgrade to 4.0.3 everything works as expected.

Cheers