Web Template Studio Error

[Mehdi Nabhani]

I installed the Syncfusion Web Tenmplate Studio within Visual Studio Code and then did create a new project.

When I try to launch the application via npm start or F5 I get this error:

Starting the development server...

Error: error:0308010C:digital envelope routines::unsupported

    at new Hash (node:internal/crypto/hash:71:19)

    at Object.createHash (node:crypto:140:10)

    at module.exports (/Users/mehdinabhani/Developments/MatoolV3/MatoolV3/node_modules/webpack/lib/util/createHash.js:135:53)

    at NormalModule._initBuildHash (/Users/mehdinabhani/Developments/MatoolV3/MatoolV3/node_modules/webpack/lib/NormalModule.js:417:16)

    at handleParseError (/Users/mehdinabhani/Developments/MatoolV3/MatoolV3/node_modules/webpack/lib/NormalModule.js:471:10)

    at /Users/mehdinabhani/Developments/MatoolV3/MatoolV3/node_modules/webpack/lib/NormalModule.js:503:5

    at /Users/mehdinabhani/Developments/MatoolV3/MatoolV3/node_modules/webpack/lib/NormalModule.js:358:12

    at /Users/mehdinabhani/Developments/MatoolV3/MatoolV3/node_modules/loader-runner/lib/LoaderRunner.js:373:3

    at iterateNormalLoaders (/Users/mehdinabhani/Developments/MatoolV3/MatoolV3/node_modules/loader-runner/lib/LoaderRunner.js:214:10)

    at iterateNormalLoaders (/Users/mehdinabhani/Developments/MatoolV3/MatoolV3/node_modules/loader-runner/lib/LoaderRunner.js:221:10)

/Users/mehdinabhani/Developments/MatoolV3/MatoolV3/node_modules/react-scripts/scripts/start.js:19

  throw err;

  ^

Error: error:0308010C:digital envelope routines::unsupported

    at new Hash (node:internal/crypto/hash:71:19)

    at Object.createHash (node:crypto:140:10)

    at module.exports (/Users/mehdinabhani/Developments/MatoolV3/MatoolV3/node_modules/webpack/lib/util/createHash.js:135:53)

    at NormalModule._initBuildHash (/Users/mehdinabhani/Developments/MatoolV3/MatoolV3/node_modules/webpack/lib/NormalModule.js:417:16)

    at /Users/mehdinabhani/Developments/MatoolV3/MatoolV3/node_modules/webpack/lib/NormalModule.js:452:10

    at /Users/mehdinabhani/Developments/MatoolV3/MatoolV3/node_modules/webpack/lib/NormalModule.js:323:13

    at /Users/mehdinabhani/Developments/MatoolV3/MatoolV3/node_modules/loader-runner/lib/LoaderRunner.js:367:11

    at /Users/mehdinabhani/Developments/MatoolV3/MatoolV3/node_modules/loader-runner/lib/LoaderRunner.js:233:18

    at context.callback (/Users/mehdinabhani/Developments/MatoolV3/MatoolV3/node_modules/loader-runner/lib/LoaderRunner.js:111:13)

    at /Users/mehdinabhani/Developments/MatoolV3/MatoolV3/node_modules/babel-loader/lib/index.js:59:103 {

  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],

  library: 'digital envelope routines',

  reason: 'unsupported',

  code: 'ERR_OSSL_EVP_UNSUPPORTED'

}

Node.js v19.7.0

[Kesavaraman Venkadesan]

Hi Mehdi Nabhani,

We have checked Syncfusion Web Template Studio and were unable to reproduce the reported issue. We were able to launch the application using the ‘npm start’ command and F5. We suspect that the issue may have occurred due to improperly restored npm packages. Could you please check if the npm packages have been restored properly for your project? If not, please restore the npm packages by using the command ‘npm install’ and try launching the application again.

If still the issue persists, could you please share the following details so that we can further investigate the issue from our end:

1. Which version of Syncfusion Web Template Studio did you install?

2. Which project type did you create (Angular, React, or Vue)?

3. Which version of VS-Code are you using?

Regards,

V.Kesavaraman