心底的中国 發表於 2025-3-20 20:05:00

第一次安装next.js打开项目报错

<p>打算学一下比较流行的react的next.js框架,但是第一次安装并调试就报错了,最后通过安装c++组件后修复问题,如下:</p>
<p>我按照官方的教程操作的:</p>
<p><img src="https://img2024.cnblogs.com/blog/1942551/202503/1942551-20250320200143915-1935293772.png" alt="" loading="lazy"></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>使用命令npm run dev后报错:</p>
<div class="cnblogs_code">
<pre><span style="color: rgba(0, 128, 128, 1)"> 1</span> <span style="color: rgba(0, 0, 0, 1)">Error evaluating Node.js code
</span><span style="color: rgba(0, 128, 128, 1)"> 2</span> Error: Cannot find module <span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">../lightningcss.win32-x64-msvc.node</span><span style="color: rgba(128, 0, 0, 1)">'</span>
<span style="color: rgba(0, 128, 128, 1)"> 3</span> <span style="color: rgba(0, 0, 0, 1)">Require stack:
</span><span style="color: rgba(0, 128, 128, 1)"> 4</span> - D:\myApp\my-<span style="color: rgba(0, 0, 0, 1)">app\node_modules\lightningcss\node\index.js
</span><span style="color: rgba(0, 128, 128, 1)"> 5</span> - D:\myApp\my-<span style="color: rgba(0, 0, 0, 1)">app\node_modules\@tailwindcss\postcss\dist\index.js
</span><span style="color: rgba(0, 128, 128, 1)"> 6</span> - D:\myApp\my-<span style="color: rgba(0, 0, 0, 1)">app\.next\build\chunks\_runtime.js
</span><span style="color: rgba(0, 128, 128, 1)"> 7</span> - D:\myApp\my-<span style="color: rgba(0, 0, 0, 1)">app\.next\transform.js
</span><span style="color: rgba(0, 128, 128, 1)"> 8</span>
</span><span style="color: rgba(0, 128, 128, 1)"> 9</span>
</span><span style="color: rgba(0, 128, 128, 1)">10</span>
</span><span style="color: rgba(0, 128, 128, 1)">11</span>
</span><span style="color: rgba(0, 128, 128, 1)">12</span>
</span><span style="color: rgba(0, 128, 128, 1)">13</span>
</span><span style="color: rgba(0, 128, 128, 1)">14</span>
</span><span style="color: rgba(0, 128, 128, 1)">15</span>
</span><span style="color: rgba(0, 128, 128, 1)">16</span>
</span><span style="color: rgba(0, 128, 128, 1)">17</span> </pre>
</div>
<p>解决方法:</p>
<p>访问:https://learn.microsoft.com/en-us/cpp/windows/latest-supported-vc-redist?view=msvc-170#visual-studio-2015-2017-2019-and-2022</p>
<p><img src="https://img2024.cnblogs.com/blog/1942551/202503/1942551-20250320200302756-480466357.png" alt="" loading="lazy"></p>
<p>&nbsp;然后下载:https://aka.ms/vs/17/release/vc_redist.x64.exe</p>
<p>&nbsp;X64版本的C++安装后重启项目就正常了</p>
<p><img src="https://img2024.cnblogs.com/blog/1942551/202503/1942551-20250320200608634-1091124234.png" alt="" loading="lazy"></p>
<p>&nbsp;</p><br><br>
来源:https://www.cnblogs.com/liuyunhong/p/18783851
頁: [1]
查看完整版本: 第一次安装next.js打开项目报错