怎么解决错误，并且启动网页

Question

使用npm start发生错误，怎么解决错误，并且启动网页，网页地址是什么？

Answer 1

以下内容由CHATGPT及笑面虎共同生成、有用望采纳：

---

您想要解决的问题：您希望通过解决在使用 npm start 命令启动网页开发服务器时遇到的两个错误，并成功启动网页。

图片内容：

1. 第一张图片显示了启动过程中的警告和一个错误。警告是关于 npm 配置的，建议使用 --location=global 替代 -g 和 --local。错误是在尝试使用 react-refresh-webpack-plugin 时发生的，提示了一个 OpenSSL 相关的不支持错误。
2. 第二张图片展示了另一个错误，也是关于 OpenSSL 不支持的，这通常与 Node.js 的加密库有关。

问题出现原因：错误提示 ERR_OSSL_EVP_UNSUPPORTED 通常与 Node.js 的版本有关。Node.js v17.x 版本在某些情况下可能会遇到 OpenSSL 3 的兼容性问题。这个问题可能是由于 Node.js 的加密库与您的系统上的 OpenSSL 版本不兼容。

问题解决方案：

1. 更新 Node.js：如果您使用的是 Node.js v17.x，尝试降级到 v16.x 或更低版本，因为 v17.x 引入了对 OpenSSL 3 的支持，这可能导致一些兼容性问题。

2. 设置环境变量：如果您无法降级 Node.js 版本，可以尝试设置环境变量 NODE_OPTIONS 来避免 OpenSSL 3 的问题。在命令行中运行以下命令：

   # 对于 Windows
   set NODE_OPTIONS=--openssl-legacy-provider
   
   # 对于 macOS/Linux
   export NODE_OPTIONS=--openssl-legacy-provider
   

   然后再次尝试运行 npm start。

3. 更新 browserslist 数据库：图片中提到的 browserslist 警告可以通过运行以下命令解决：

   npx update-browserslist-db@latest
   

提供代码：无需修改代码，主要是环境配置。

代码运行方式：确保您的终端或命令行工具打开了，并且您在项目目录下。运行上述提到的环境变量设置命令，然后运行 npm start。

代码预期运行结果：如果解决方案有效，您的开发服务器应该能够正常启动，并且您应该能够在默认的 web 服务器地址（通常是 http://localhost:3000）上看到您的网页。

推荐相关链接：

• Node.js 官方文档
• npm 官方文档
• OpenSSL 官方文档
• Umi.js 官方文档
• React 官方文档