[MGNLFE-435] Upgrade react-script to the latest version Created: 13/Mar/23  Updated: 11/Jul/23  Resolved: 17/Mar/23

Status: Closed
Project: Magnolia Frontend Helpers
Component/s: None
Affects Version/s: None
Fix Version/s: 1.4

Type: Improvement Priority: Neutral
Reporter: Phong Le Quoc Assignee: Phong Le Quoc
Resolution: Fixed Votes: 0
Labels: None
Σ Remaining Estimate: Not Specified Remaining Estimate: Not Specified
Σ Time Spent: Not Specified Time Spent: Not Specified
Σ Original Estimate: Not Specified Original Estimate: Not Specified

Issue Links:
dependency
is depended upon by MGNLFE-436 Remove workaroud for missing process ... Open
is depended upon by MGNLFE-393 Run frontend-helper with the latest L... Closed
Sub-Tasks:
Key
Summary
Type
Status
Assignee
MGNLFE-439 Implement Sub-task Completed Phong Le Quoc  
MGNLFE-440 Review Sub-task Completed Canh Nguyen  
MGNLFE-442 PiQA Sub-task Completed Phong Le Quoc  
MGNLFE-441 QA Sub-task Completed Phong Le Quoc  
Template:
Acceptance criteria:
Empty
Task DoD:
[X]* Doc/release notes changes? Comment present?
[X]* Downstream builds green?
[X]* Solution information and context easily available?
[X]* Tests
[X]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Epic Link: SPA Editor Backlog
Sprint: DevX 33
Story Points: 1
Team: DeveloperX
Work Started:

 Description   

Upgrade to react-scripts@5.0.1 so NodeJS 18.15.0 can build successfully. Otherwise,

Creating an optimized production build...
       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 (/Users/phongle/magnolia/devx/frontend-helpers/samples/react-sample/node_modules/webpack/lib/util/createHash.js:135:53)
           at NormalModule._initBuildHash (/Users/phongle/magnolia/devx/frontend-helpers/samples/react-sample/node_modules/webpack/lib/NormalModule.js:417:16)
           at handleParseError (/Users/phongle/magnolia/devx/frontend-helpers/samples/react-sample/node_modules/webpack/lib/NormalModule.js:471:10)
           at /Users/phongle/magnolia/devx/frontend-helpers/samples/react-sample/node_modules/webpack/lib/NormalModule.js:503:5
           at /Users/phongle/magnolia/devx/frontend-helpers/samples/react-sample/node_modules/webpack/lib/NormalModule.js:358:12
           at /Users/phongle/magnolia/devx/frontend-helpers/samples/react-sample/node_modules/loader-runner/lib/LoaderRunner.js:373:3
           at iterateNormalLoaders (/Users/phongle/magnolia/devx/frontend-helpers/samples/react-sample/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
           at iterateNormalLoaders (/Users/phongle/magnolia/devx/frontend-helpers/samples/react-sample/node_modules/loader-runner/lib/LoaderRunner.js:221:10)
           at /Users/phongle/magnolia/devx/frontend-helpers/samples/react-sample/node_modules/loader-runner/lib/LoaderRunner.js:236:3
           at runSyncOrAsync (/Users/phongle/magnolia/devx/frontend-helpers/samples/react-sample/node_modules/loader-runner/lib/LoaderRunner.js:130:11)
           at iterateNormalLoaders (/Users/phongle/magnolia/devx/frontend-helpers/samples/react-sample/node_modules/loader-runner/lib/LoaderRunner.js:232:2)
           at Array.<anonymous> (/Users/phongle/magnolia/devx/frontend-helpers/samples/react-sample/node_modules/loader-runner/lib/LoaderRunner.js:205:4)
           at Storage.finished (/Users/phongle/magnolia/devx/frontend-helpers/samples/react-sample/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:55:16)
           at /Users/phongle/magnolia/devx/frontend-helpers/samples/react-sample/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:91:9
       /Users/phongle/magnolia/devx/frontend-helpers/samples/react-sample/node_modules/react-scripts/scripts/build.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 (/Users/phongle/magnolia/devx/frontend-helpers/samples/react-sample/node_modules/webpack/lib/util/createHash.js:135:53)
           at NormalModule._initBuildHash (/Users/phongle/magnolia/devx/frontend-helpers/samples/react-sample/node_modules/webpack/lib/NormalModule.js:417:16)
           at /Users/phongle/magnolia/devx/frontend-helpers/samples/react-sample/node_modules/webpack/lib/NormalModule.js:452:10
           at /Users/phongle/magnolia/devx/frontend-helpers/samples/react-sample/node_modules/webpack/lib/NormalModule.js:323:13
           at /Users/phongle/magnolia/devx/frontend-helpers/samples/react-sample/node_modules/loader-runner/lib/LoaderRunner.js:367:11
           at /Users/phongle/magnolia/devx/frontend-helpers/samples/react-sample/node_modules/loader-runner/lib/LoaderRunner.js:233:18
           at context.callback (/Users/phongle/magnolia/devx/frontend-helpers/samples/react-sample/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
           at /Users/phongle/magnolia/devx/frontend-helpers/samples/react-sample/node_modules/babel-loader/lib/index.js:55:103
           at process.processTicksAndRejections (node:internal/process/task_queues:95:5) {
         opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
         library: 'digital envelope routines',
         reason: 'unsupported',
         code: 'ERR_OSSL_EVP_UNSUPPORTED'
       }
       
       Node.js v18.15.0
 

Reference: https://stackoverflow.com/questions/69692842/error-message-error0308010cdigital-envelope-routinesunsupported



 Comments   
Comment by Phong Le Quoc [ 13/Mar/23 ]

Upgrade react-scripts to the latest version 5.0.1 - don't change reactjs version => there is a problem with "process" variable => must use customize-cra to add back "process"

Reference: https://stackoverflow.com/questions/70368760/react-uncaught-referenceerror-process-is-not-defined/71151846#71151846

 

 

Generated at Mon Feb 12 05:47:24 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.