tag:blogger.com,1999:blog-26277473099363756892024-03-15T13:02:39.212-05:00Blog posts around Oracle SOA Suite,Adobe Experience Manager(AEM),Dispatcher and Web technologiesMy Learning’s on JAVA/J2EE, Oracle Fusion Middleware, Spring, Weblogic Server, Adobe Experience Manager(AEM) and WebTechnologiesTech Forumhttp://www.blogger.com/profile/06872295047306188060noreply@blogger.comBlogger64713tag:blogger.com,1999:blog-2627747309936375689.post-25880808826409784212024-03-15T13:01:00.006-05:002024-03-15T13:01:58.130-05:00Responsive Authoring Issue in AEM as a Cloud<p> <img alt="" class="bg ll ml c" height="467" loading="eager" role="presentation" src="https://miro.medium.com/v2/resize:fit:875/0*cYq05KshyPKYaIAt" style="background-color: white; box-sizing: inherit; color: rgba(0, 0, 0, 0.8); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; height: auto; max-width: 100%; vertical-align: middle; width: 680px;" width="700" /></p><div class="fw fx fy fz ga" style="background-color: white; box-sizing: inherit; color: rgba(0, 0, 0, 0.8); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; overflow-wrap: break-word; word-break: break-word;"><div class="ab ca" style="box-sizing: inherit; display: flex; justify-content: center;"><div class="ch bg fa fb fc fd" style="box-sizing: inherit; margin: 0px 24px; max-width: 680px; min-width: 0px; width: 680px;"><figure class="fo fp fq fr fs mg md me paragraph-image" style="box-sizing: inherit; clear: both; margin: 40px auto 0px;"><figcaption class="mm mn mo md me mp mq be b bf z dw" data-selectable-paragraph="" style="box-sizing: inherit; color: #6b6b6b; font-family: sohne, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; margin-left: auto; margin-right: auto; margin-top: 10px; max-width: 728px; text-align: center;">Photo by <a class="af mr" href="https://unsplash.com/@bugsster?utm_source=medium&utm_medium=referral" rel="noopener ugc nofollow" style="-webkit-tap-highlight-color: transparent; box-sizing: inherit;" target="_blank">Taras Shypka</a> on <a class="af mr" href="https://unsplash.com/?utm_source=medium&utm_medium=referral" rel="noopener ugc nofollow" style="-webkit-tap-highlight-color: transparent; box-sizing: inherit;" target="_blank">Unsplash</a></figcaption></figure><p class="pw-post-body-paragraph ms mt gd mu b mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np fw bj" data-selectable-paragraph="" id="119a" style="box-sizing: inherit; color: #242424; font-family: source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 20px; letter-spacing: -0.003em; line-height: 32px; margin: 2.14em 0px -0.46em; word-break: break-word;">While migrating our websites from AMS (AEM 6.5) to AEM as a Cloud, we noticed that responsive authoring for certain Editable templates wasn’t functioning as expected. Interestingly, these same templates were working flawlessly in the AMS environment.</p><figure class="nq nr ns nt nu mg" style="box-sizing: inherit; clear: both; margin: 56px 0px 0px;"><div class="nv ii l ef" style="box-sizing: inherit; margin: auto; overflow: hidden; position: relative;"><div class="nw nx l" style="box-sizing: inherit; height: 0px; padding-bottom: 187.85px;"><iframe allowfullscreen="" class="ep n fj dz bg" frameborder="0" height="342" scrolling="no" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F923417729%3Fapp_id%3D122963&dntp=1&display_name=Vimeo&url=https%3A%2F%2Fvimeo.com%2F923417729&image=https%3A%2F%2Fi.vimeocdn.com%2Fvideo%2Fdefault_960&key=a19fcc184b9711e1b4764040d3dc5c07&type=text%2Fhtml&schema=vimeo" style="box-sizing: inherit; height: 187.85px; left: 0px; position: absolute; top: 0px; width: 680px;" title="Responsive Authoring Issue with AEM as a Cloud" width="1238"></iframe></div></div></figure><p class="pw-post-body-paragraph ms mt gd mu b mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np fw bj" data-selectable-paragraph="" id="37e0" style="box-sizing: inherit; color: #242424; font-family: source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 20px; letter-spacing: -0.003em; line-height: 32px; margin: 2.14em 0px -0.46em; word-break: break-word;">Additionally, selecting the breakpoints was not functioning correctly.</p><figure class="nq nr ns nt nu mg" style="box-sizing: inherit; clear: both; margin: 56px 0px 0px;"><div class="nv ii l ef" style="box-sizing: inherit; margin: auto; overflow: hidden; position: relative;"><div class="ny nx l" style="box-sizing: inherit; height: 0px; padding-bottom: 35.975px;"><iframe allowfullscreen="" class="ep n fj dz bg" frameborder="0" height="100" scrolling="no" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F923421989%3Fapp_id%3D122963&dntp=1&display_name=Vimeo&url=https%3A%2F%2Fvimeo.com%2F923421989&image=https%3A%2F%2Fi.vimeocdn.com%2Fvideo%2F1815460404-cd64320679c800bab7676d1b700c767e189559ce4c560d81671c366607c9b180-d_1280&key=a19fcc184b9711e1b4764040d3dc5c07&type=text%2Fhtml&schema=vimeo" style="box-sizing: inherit; height: 35.975px; left: 0px; position: absolute; top: 0px; width: 680px;" title="Responsive Authoring Issue in AEM as a Cloud - Breakpoint selection not working." width="1890"></iframe></div></div></figure><p class="pw-post-body-paragraph ms mt gd mu b mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np fw bj" data-selectable-paragraph="" id="c27a" style="box-sizing: inherit; color: #242424; font-family: source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 20px; letter-spacing: -0.003em; line-height: 32px; margin: 2.14em 0px -0.46em; word-break: break-word;">This issue was not present in the AMS (6.5) environment, where both responsive authoring and breakpoint selection were functioning as expected.</p><p class="pw-post-body-paragraph ms mt gd mu b mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np fw bj" data-selectable-paragraph="" id="0b80" style="box-sizing: inherit; color: #242424; font-family: source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 20px; letter-spacing: -0.003em; line-height: 32px; margin: 2.14em 0px -0.46em; word-break: break-word;">After analysis, the root cause of the issue is the logic difference between AME 6.5 and AEM as Cloud for responsive authoring on /libs/cq/gui/components/authoring/editors/clientlibs/core.lc-0e2523ebda58d68c5bc85efa684b50e6-lc.min.js (the hash may vary if any additional changes introduced)</p><p class="pw-post-body-paragraph ms mt gd mu b mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np fw bj" data-selectable-paragraph="" id="732b" style="box-sizing: inherit; color: #242424; font-family: source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 20px; letter-spacing: -0.003em; line-height: 32px; margin: 2.14em 0px -0.46em; word-break: break-word;">In AEM 6.5 — check if the configuration width is greater than or equal to the device width.</p><p class="pw-post-body-paragraph ms mt gd mu b mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np fw bj" data-selectable-paragraph="" id="5054" style="box-sizing: inherit; color: #242424; font-family: source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 20px; letter-spacing: -0.003em; line-height: 32px; margin: 2.14em 0px -0.46em; word-break: break-word;"><span class="mu ge" style="box-sizing: inherit; font-weight: 700;">if(cfg[bp].width>=deviceWidth</span></p><pre class="nq nr ns nt nu nz oa ob bo oc ba bj" style="background: rgb(249, 249, 249); border-radius: 4px; border: 1px solid rgb(229, 229, 229); box-sizing: inherit; color: #242424; font-family: source-code-pro, Menlo, Monaco, "Courier New", Courier, monospace; margin-bottom: 0px; margin-top: 56px; overflow-x: auto; padding: 32px;"><span class="od oe gd oa b bf of og l oh oi" data-selectable-paragraph="" id="a21a" style="box-sizing: inherit; display: block; font-size: 14px; letter-spacing: -0.022em; line-height: 1.4; margin-bottom: -0.2em; margin-top: -0.2em; min-width: fit-content;"><span class="hljs-attr" style="box-sizing: inherit; color: #836c28;">getDeviceBreakpoint</span>:<span class="hljs-keyword" style="box-sizing: inherit; color: #aa0d91;">function</span>(<span class="hljs-params" style="box-sizing: inherit; color: #5c2699;">deviceWidth</span>){<span class="hljs-keyword" style="box-sizing: inherit; color: #aa0d91;">var</span> cfg=<span class="hljs-variable.language" style="box-sizing: inherit;">this</span>.<span class="hljs-title.function" style="box-sizing: inherit;">getBreakpoints</span>(),closestBp;<span class="hljs-keyword" style="box-sizing: inherit; color: #aa0d91;">for</span>(<span class="hljs-keyword" style="box-sizing: inherit; color: #aa0d91;">var</span> bp <span class="hljs-keyword" style="box-sizing: inherit; color: #aa0d91;">in</span> cfg)<span class="hljs-keyword" style="box-sizing: inherit; color: #aa0d91;">if</span>(cfg[bp].<span class="hljs-property" style="box-sizing: inherit;">width</span>>=deviceWidth&&(!closestBp||cfg[bp].<span class="hljs-property" style="box-sizing: inherit;">width</span><=cfg[closestBp].<span class="hljs-property" style="box-sizing: inherit;">width</span>))closestBp=bp;<span class="hljs-keyword" style="box-sizing: inherit; color: #aa0d91;">return</span> closestBp}</span></pre><p class="pw-post-body-paragraph ms mt gd mu b mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np fw bj" data-selectable-paragraph="" id="f221" style="box-sizing: inherit; color: #242424; font-family: source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 20px; letter-spacing: -0.003em; line-height: 32px; margin: 2.14em 0px -0.46em; word-break: break-word;">In AEM as a Cloud — check if the configuration width is greater than the device width. This can lead to the selection of an incorrect breakpoint. Consequently, changes that should apply to the actual breakpoint, like small, end up being applied to a different one, such as medium.</p><p class="pw-post-body-paragraph ms mt gd mu b mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np fw bj" data-selectable-paragraph="" id="7d12" style="box-sizing: inherit; color: #242424; font-family: source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 20px; letter-spacing: -0.003em; line-height: 32px; margin: 2.14em 0px -0.46em; word-break: break-word;"><span class="mu ge" style="box-sizing: inherit; font-weight: 700;">if(cfg[bp].width>deviceWidth</span></p><pre class="nq nr ns nt nu nz oa ob bo oc ba bj" style="background: rgb(249, 249, 249); border-radius: 4px; border: 1px solid rgb(229, 229, 229); box-sizing: inherit; color: #242424; font-family: source-code-pro, Menlo, Monaco, "Courier New", Courier, monospace; margin-bottom: 0px; margin-top: 56px; overflow-x: auto; padding: 32px;"><span class="od oe gd oa b bf of og l oh oi" data-selectable-paragraph="" id="9196" style="box-sizing: inherit; display: block; font-size: 14px; letter-spacing: -0.022em; line-height: 1.4; margin-bottom: -0.2em; margin-top: -0.2em; min-width: fit-content;"><span class="hljs-attr" style="box-sizing: inherit; color: #836c28;">getDeviceBreakpoint</span>:<span class="hljs-keyword" style="box-sizing: inherit; color: #aa0d91;">function</span>(<span class="hljs-params" style="box-sizing: inherit; color: #5c2699;">deviceWidth</span>){<span class="hljs-keyword" style="box-sizing: inherit; color: #aa0d91;">var</span> cfg=<span class="hljs-variable.language" style="box-sizing: inherit;">this</span>.<span class="hljs-title.function" style="box-sizing: inherit;">getBreakpoints</span>(),closestBp;<span class="hljs-keyword" style="box-sizing: inherit; color: #aa0d91;">for</span>(<span class="hljs-keyword" style="box-sizing: inherit; color: #aa0d91;">var</span> bp <span class="hljs-keyword" style="box-sizing: inherit; color: #aa0d91;">in</span> cfg)<span class="hljs-keyword" style="box-sizing: inherit; color: #aa0d91;">if</span>(cfg[bp].<span class="hljs-property" style="box-sizing: inherit;">width</span>>deviceWidth&&(!closestBp||cfg[bp].<span class="hljs-property" style="box-sizing: inherit;">width</span><=cfg[closestBp].<span class="hljs-property" style="box-sizing: inherit;">width</span>))closestBp=bp;<span class="hljs-keyword" style="box-sizing: inherit; color: #aa0d91;">return</span> closestBp}</span></pre><p class="pw-post-body-paragraph ms mt gd mu b mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np fw bj" data-selectable-paragraph="" id="a062" style="box-sizing: inherit; color: #242424; font-family: source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 20px; letter-spacing: -0.003em; line-height: 32px; margin: 2.14em 0px -0.46em; word-break: break-word;">To address the issue, it is essential to ensure that the responsive configuration sets the breakpoints in emulators to one less than the standard breakpoint value (standard breakpoint value — 1). Additionally, within the editable template structure’s responsive configuration, the breakpoint value should be maintained at the standard breakpoint value.</p><p class="pw-post-body-paragraph ms mt gd mu b mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np fw bj" data-selectable-paragraph="" id="3d10" style="box-sizing: inherit; color: #242424; font-family: source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 20px; letter-spacing: -0.003em; line-height: 32px; margin: 2.14em 0px -0.46em; word-break: break-word;">For instance, in the configuration of the emulator for a large breakpoint: /apps/<Project>/emulators/bootstrap/large/cq:emulatorConfig, (width:1199)</p><p class="pw-post-body-paragraph ms mt gd mu b mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np fw bj" data-selectable-paragraph="" id="0d66" style="box-sizing: inherit; color: #242424; font-family: source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 20px; letter-spacing: -0.003em; line-height: 32px; margin: 2.14em 0px -0.46em; word-break: break-word;">In the responsive configuration of the template structure for large breakpoints (for better management enable these configurations through the template-type): /conf/<project>/settings/wcm/templates/<template>/structure/jcr:content/cq:responsive/breakpoints/large (width:1200)</p><p class="pw-post-body-paragraph ms mt gd mu b mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np fw bj" data-selectable-paragraph="" id="4801" style="box-sizing: inherit; color: #242424; font-family: source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 20px; letter-spacing: -0.003em; line-height: 32px; margin: 2.14em 0px -0.46em; word-break: break-word;">You can examine the emulator and responsive configuration of a page using the PageInfo servlet — For example, <a class="af mr" href="https://aemhost/libs/wcm/core/content/pageinfo.json?path=%2Fcontent%2Ftest%2Fus%2Fen%2Ftest-page" rel="noopener ugc nofollow" style="-webkit-tap-highlight-color: transparent; box-sizing: inherit;" target="_blank">https://aemhost/libs/wcm/core/content/pageinfo.json?path=%2Fcontent%2Ftest%2Fus%2Fen%2Ftest-page</a></p><p class="pw-post-body-paragraph ms mt gd mu b mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np fw bj" data-selectable-paragraph="" id="12a7" style="box-sizing: inherit; color: #242424; font-family: source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 20px; letter-spacing: -0.003em; line-height: 32px; margin: 2.14em 0px -0.46em; word-break: break-word;">Now, you can start editing the page to make it work well on different devices.</p></div></div></div><div class="ab ca oj ok ol om" role="separator" style="background-color: white; box-sizing: inherit; color: rgba(0, 0, 0, 0.8); display: flex; font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; justify-content: center; margin-bottom: 14px; margin-top: 32px; padding-bottom: 10px; padding-top: 24px;"><span class="on bx bl oo op oq" style="background-color: black; border-radius: 50%; box-sizing: inherit; display: inline-block; height: 3px; margin-right: 20px; width: 3px;"></span><span class="on bx bl oo op oq" style="background-color: black; border-radius: 50%; box-sizing: inherit; display: inline-block; height: 3px; margin-right: 20px; width: 3px;"></span><span class="on bx bl oo op" style="background-color: black; border-radius: 50%; box-sizing: inherit; display: inline-block; height: 3px; width: 3px;"></span></div><div class="fw fx fy fz ga" style="background-color: white; box-sizing: inherit; color: rgba(0, 0, 0, 0.8); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; overflow-wrap: break-word; word-break: break-word;"><div class="ab ca" style="box-sizing: inherit; display: flex; justify-content: center;"><div class="ch bg fa fb fc fd" style="box-sizing: inherit; margin: 0px 24px; max-width: 680px; min-width: 0px; width: 680px;"><p class="pw-post-body-paragraph ms mt gd mu b mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np fw bj" data-selectable-paragraph="" id="5570" style="box-sizing: inherit; color: #242424; font-family: source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 20px; letter-spacing: -0.003em; line-height: 32px; margin: 2.14em 0px -0.46em; word-break: break-word;">Related Post — <a class="af mr" href="https://www.albinsblog.com/2023/02/responsive-layouts-not-working-for-nested-containers-aem.html" rel="noopener ugc nofollow" style="-webkit-tap-highlight-color: transparent; box-sizing: inherit;" target="_blank">Responsive Layouts not working for the nested containers — Adobe Experience Manager(AEM) (albinsblog.com)</a></p></div></div></div>Tech Forumhttp://www.blogger.com/profile/06872295047306188060noreply@blogger.com0tag:blogger.com,1999:blog-2627747309936375689.post-43561066036173268532024-02-22T08:40:00.003-06:002024-02-22T08:40:44.481-06:00ReferenceError: XMLHttpRequest is not defined - Ollama Java Script<p>I encountered the following error while using Ollama JavaScript on my local system.</p><p>ReferenceError: XMLHttpRequest is not defined</p><p> at \Development\ollama\js\node_modules\whatwg-fetch\dist\fetch.umd.js:540:17</p><p> at new Promise (<anonymous>)</p><p> at fetch (\Development\ollama\js\node_modules\whatwg-fetch\dist\fetch.umd.js:533:12)</p><p> at file:////Development/ollama/js/node_modules/ollama/dist/utils.js:77:28</p><p> at Generator.next (<anonymous>)</p><p> at file:////Development/ollama/js/node_modules/ollama/dist/utils.js:7:71</p><p> at new Promise (<anonymous>)</p><p> at __awaiter (file:////Development/ollama/js/node_modules/ollama/dist/utils.js:3:12)</p><p> at Module.post (file:////Development/ollama/js/node_modules/ollama/dist/utils.js:72:53)</p><p> at Ollama.<anonymous> (file:////Development/ollama/js/node_modules/ollama/dist/index.js:59:42)</p><p>The actual issue was with the node and npm versions, please ensure the latest node/npm version is installed on your system before running the Ollama JS in your local system.</p><ul style="animation-timing-function: cubic-bezier(0.5, 0, 0, 1); background-color: black; box-sizing: border-box; color: white; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 16px; position: relative;"><li style="animation-timing-function: cubic-bezier(0.5, 0, 0, 1); box-sizing: border-box; position: relative;">Node v20.11.0+</li><li style="animation-timing-function: cubic-bezier(0.5, 0, 0, 1); box-sizing: border-box; position: relative;">NPM v10.2.4+</li></ul>Tech Forumhttp://www.blogger.com/profile/06872295047306188060noreply@blogger.com0tag:blogger.com,1999:blog-2627747309936375689.post-14930865471166231272024-02-22T08:22:00.005-06:002024-02-22T08:22:47.946-06:00Error: Cannot find module '@npmcli/config'<p>I encountered the following error while executing any npm command, such as 'npm -v', on a Windows system.</p><p>\AppData\Roaming\nvm\v20.11.1\node_modules\npm\lib\es6\validate-engines.js:31</p><p> throw err</p><p> ^</p><p>Error: Cannot find module '@npmcli/config'</p><p>Require stack:</p><p>- \AppData\Roaming\nvm\v20.11.1\node_modules\npm\lib\npm.js</p><p>- \AppData\Roaming\nvm\v20.11.1\node_modules\npm\lib\cli-entry.js</p><p>- \AppData\Roaming\nvm\v20.11.1\node_modules\npm\lib\cli.js</p><p>- AppData\Roaming\nvm\v20.11.1\node_modules\npm\bin\npm-cli.js</p><p> at Module._resolveFilename (node:internal/modules/cjs/loader:1144:15)</p><p> at Module._load (node:internal/modules/cjs/loader:985:27)</p><p> at Module.require (node:internal/modules/cjs/loader:1235:19)</p><p> at require (node:internal/modules/helpers:176:18)</p><p> at Object.<anonymous> (\AppData\Roaming\nvm\v20.11.1\node_modules\npm\lib\npm.js:2:16)</p><p> at Module._compile (node:internal/modules/cjs/loader:1376:14)</p><p> at Module._extensions..js (node:internal/modules/cjs/loader:1435:10)</p><p> at Module.load (node:internal/modules/cjs/loader:1207:32)</p><p> at Module._load (node:internal/modules/cjs/loader:1023:12)</p><p> at Module.require (node:internal/modules/cjs/loader:1235:19) {</p><p> code: 'MODULE_NOT_FOUND',</p><p> requireStack: [</p><p> '\\AppData\\Roaming\\nvm\\v20.11.1\\node_modules\\npm\\lib\\npm.js',</p><p> '\AppData\\Roaming\\nvm\\v20.11.1\\node_modules\\npm\\lib\\cli-entry.js',</p><p> '\\albin\\AppData\\Roaming\\nvm\\v20.11.1\\node_modules\\npm\\lib\\cli.js',</p><p> '\\albin\\AppData\\Roaming\\nvm\\v20.11.1\\node_modules\\npm\\bin\\npm-cli.js'</p><p> ]</p><p>}</p><p> I was managing Node.js using NVM, and the issue only occurred with versions 20.11.0 and above, while earlier versions worked perfectly. The PATH setup appeared to be correct. Ultimately, I resolved the issue by directly downloading and installing Node.js on the system.</p>Tech Forumhttp://www.blogger.com/profile/06872295047306188060noreply@blogger.com0