Web Template Studio Error
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
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:
Which version of Syncfusion Web Template Studio did you install?
Which project type did you create (Angular, React, or Vue)?
Which version of VS-Code are you using?
Regards,
V.Kesavaraman
The ERR_OSSL_EVP_UNSUPPORTED error in Web Template Studio usually happens due to an OpenSSL issue in newer Node.js versions (17+). This affects cryptographic functions required during project launch. To fix it, downgrade your Node.js to version 16.x LTS, which uses OpenSSL 1.1. You can do this easily using nvm (Node Version Manager). After switching, restart VS Code and try npm start again. This should solve the issue. It arises when an application needs to use an encryption, decryption, signing, or verification algorithm not supported or implemented by the version of OpenSSL being used. There are different causes that you need to understand, which are as follows:-
1) Unsupported Algorithm
2) Incorrect OpenSSL Version
3) Misconfigured SSL Installation
4) Missing Libraries
5) Code issues
Many different ways to fix the error, which you need to understand properly in detail. Maybe it will be helpful.
