fail to run app in "Creating Your Own App" tutorial

Help
1

Hi @jonathon! I’m trying tpo create my own app as indicated in this tutorial by cloning this repo, but I get the follwing error:

rror: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:68:19)
    at Object.createHash (node:crypto:138:10)
    at module.exports (C:\Users\david\Desktop\speckle-demo-app\node_modules\webpack\lib\util\createHash.js:135:53)
    at NormalModule._initBuildHash (C:\Users\david\Desktop\speckle-demo-app\node_modules\webpack\lib\NormalModule.js:417:16)
    at handleParseError (C:\Users\david\Desktop\speckle-demo-app\node_modules\webpack\lib\NormalModule.js:471:10)
    at C:\Users\david\Desktop\speckle-demo-app\node_modules\webpack\lib\NormalModule.js:503:5
    at C:\Users\david\Desktop\speckle-demo-app\node_modules\webpack\lib\NormalModule.js:358:12
    at C:\Users\david\Desktop\speckle-demo-app\node_modules\loader-runner\lib\LoaderRunner.js:373:3
    at iterateNormalLoaders (C:\Users\david\Desktop\speckle-demo-app\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
    at iterateNormalLoaders (C:\Users\david\Desktop\speckle-demo-app\node_modules\loader-runner\lib\LoaderRunner.js:221:10)
    at C:\Users\david\Desktop\speckle-demo-app\node_modules\loader-runner\lib\LoaderRunner.js:236:3
    at runSyncOrAsync (C:\Users\david\Desktop\speckle-demo-app\node_modules\loader-runner\lib\LoaderRunner.js:130:11)
    at iterateNormalLoaders (C:\Users\david\Desktop\speckle-demo-app\node_modules\loader-runner\lib\LoaderRunner.js:232:2)
    at Array.<anonymous> (C:\Users\david\Desktop\speckle-demo-app\node_modules\loader-runner\lib\LoaderRunner.js:205:4)
    at Storage.finished (C:\Users\david\Desktop\speckle-demo-app\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16)
    at C:\Users\david\Desktop\speckle-demo-app\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9
node:internal/crypto/hash:68
  this[kHandle] = new _Hash(algorithm, xofLen);
                  ^

Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:68:19)
    at Object.createHash (node:crypto:138:10)
    at module.exports (C:\Users\david\Desktop\speckle-demo-app\node_modules\webpack\lib\util\createHash.js:135:53)
    at NormalModule._initBuildHash (C:\Users\david\Desktop\speckle-demo-app\node_modules\webpack\lib\NormalModule.js:417:16)
    at handleParseError (C:\Users\david\Desktop\speckle-demo-app\node_modules\webpack\lib\NormalModule.js:471:10)
    at C:\Users\david\Desktop\speckle-demo-app\node_modules\webpack\lib\NormalModule.js:503:5
    at C:\Users\david\Desktop\speckle-demo-app\node_modules\webpack\lib\NormalModule.js:358:12
    at C:\Users\david\Desktop\speckle-demo-app\node_modules\loader-runner\lib\LoaderRunner.js:373:3
    at iterateNormalLoaders (C:\Users\david\Desktop\speckle-demo-app\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
    at Array.<anonymous> (C:\Users\david\Desktop\speckle-demo-app\node_modules\loader-runner\lib\LoaderRunner.js:205:4)
    at Storage.finished (C:\Users\david\Desktop\speckle-demo-app\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16)
    at C:\Users\david\Desktop\speckle-demo-app\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9
    at C:\Users\david\Desktop\speckle-demo-app\node_modules\graceful-fs\graceful-fs.js:123:16
    at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read/context:68:3) {
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

Node.js v20.10.0

is it possible that the project is outdated?

2

It is quite likely out of date. I’ll take a look asap.

1 Like
3

@jonathon I’ve managed to update the code to vue3 with vite, vuetify3 and pinia. Seems to be working, but please look around for any other issues:

Feel free to use this as a base to update the documentation, if you think its useful. Hopefully it will save you some time. Whenever you update the documentation, please let me know.

1 Like
4

Oh that’s tremendous!