當我在創建 `npx create-react-app my-app` 之后執行 `npm install` 時，當我啟動應用程序 `npm start` 時它給我錯誤

Question

Severity: moderate
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:133:10)
    at module.exports (D:\extras\meet up app with react\meet-up\node_modules\webpack\lib\util\createHash.js:90:53)
    at NormalModule._initBuildHash (D:\extras\meet up app with react\meet-up\node_modules\webpack\lib\NormalModule.js:401:16)      
    at handleParseError (D:\extras\meet up app with react\meet-up\node_modules\webpack\lib\NormalModule.js:449:10)
    at D:\extras\meet up app with react\meet-up\node_modules\webpack\lib\NormalModule.js:481:5
    at D:\extras\meet up app with react\meet-up\node_modules\webpack\lib\NormalModule.js:342:12
    at D:\extras\meet up app with react\meet-up\node_modules\loader-runner\lib\LoaderRunner.js:373:3
    at iterateNormalLoaders (D:\extras\meet up app with react\meet-up\node_modules\loader-runner\lib\LoaderRunner.js:214:10)       
    at iterateNormalLoaders (D:\extras\meet up app with react\meet-up\node_modules\loader-runner\lib\LoaderRunner.js:221:10)       
    at D:\extras\meet up app with react\meet-up\node_modules\loader-runner\lib\LoaderRunner.js:236:3
    at runSyncOrAsync (D:\extras\meet up app with react\meet-up\node_modules\loader-runner\lib\LoaderRunner.js:130:11)
    at iterateNormalLoaders (D:\extras\meet up app with react\meet-up\node_modules\loader-runner\lib\LoaderRunner.js:232:2)        
    at Array.<anonymous> (D:\extras\meet up app with react\meet-up\node_modules\loader-runner\lib\LoaderRunner.js:205:4)
    at Storage.finished (D:\extras\meet up app with react\meet-up\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16)
    at D:\extras\meet up app with react\meet-up\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9
D:\extras\meet up app with react\meet-up\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:133:10)
    at module.exports (D:\extras\meet up app with react\meet-up\node_modules\webpack\lib\util\createHash.js:90:53)
    at NormalModule._initBuildHash (D:\extras\meet up app with react\meet-up\node_modules\webpack\lib\NormalModule.js:401:16)
    at D:\extras\meet up app with react\meet-up\node_modules\webpack\lib\NormalModule.js:433:10
    at D:\extras\meet up app with react\meet-up\node_modules\webpack\lib\NormalModule.js:308:13
    at D:\extras\meet up app with react\meet-up\node_modules\loader-runner\lib\LoaderRunner.js:367:11
    at D:\extras\meet up app with react\meet-up\node_modules\loader-runner\lib\LoaderRunner.js:233:18
    at context.callback (D:\extras\meet up app with react\meet-up\node_modules\loader-runner\lib\LoaderRunner.js:111:13)     
    at D:\extras\meet up app with react\meet-up\node_modules\babel-loader\lib\index.js:51:103 {
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

Node.js v18.10.0

我已經嘗試再次安裝 node_moduls 和npm audit fix --force

Answer 1

卸載並重新安裝反應腳本

1. 打開終端並運行npm uninstall react-scripts
2. 運行npm install react-scripts

手動更改反應腳本版本

1. go 到您的package.json並將react-script版本更改為5.0.2
2. 通過運行rm –rf node_modules刪除node_modules文件夾
3. 通過運行rm –rf package.lock.json刪除package.lock.json文件
4. 運行npm install