我创建了默认的IntelliJ IDEA React项目,并得到了这个:

Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:67:19)
    at Object.createHash (node:crypto:130:10)
    at module.exports (/Users/user/Programming Documents/WebServer/untitled/node_modules/webpack/lib/util/createHash.js:135:53)
    at NormalModule._initBuildHash (/Users/user/Programming Documents/WebServer/untitled/node_modules/webpack/lib/NormalModule.js:417:16)
    at handleParseError (/Users/user/Programming Documents/WebServer/untitled/node_modules/webpack/lib/NormalModule.js:471:10)
    at /Users/user/Programming Documents/WebServer/untitled/node_modules/webpack/lib/NormalModule.js:503:5
    at /Users/user/Programming Documents/WebServer/untitled/node_modules/webpack/lib/NormalModule.js:358:12
    at /Users/user/Programming Documents/WebServer/untitled/node_modules/loader-runner/lib/LoaderRunner.js:373:3
    at iterateNormalLoaders (/Users/user/Programming Documents/WebServer/untitled/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
    at iterateNormalLoaders (/Users/user/Programming Documents/WebServer/untitled/node_modules/loader-runner/lib/LoaderRunner.js:221:10)
/Users/user/Programming Documents/WebServer/untitled/node_modules/react-scripts/scripts/start.js:19
  throw err;
  ^

这似乎是最近才出现的问题——webpack在4天前遇到了这个问题,目前仍在处理。


当前回答

你可以试试其中的一种:

1. 降级到Node.js v16。

您可以从Node.js的网站重新安装当前的LTS版本。 你也可以使用nvm。对于Windows,请使用vvm - Windows。

2. 启用旧的OpenSSL提供程序。

在类unix (Linux, macOS, Git bash等)上:

export NODE_OPTIONS=--openssl-legacy-provider

在Windows命令提示符中:

set NODE_OPTIONS=--openssl-legacy-provider

PowerShell:

$env:NODE_OPTIONS = "--openssl-legacy-provider"

参考

其他回答

我也犯了同样的错误。

我的情况:

安装了新的react typescript应用程序,添加了一些scss和一些组件。

在本地我的构建是工作的,但当我试图发布它失败与错误:

Error: error:0308010C:digital envelope routines::unsupported

我通过将react-script库更新到5.0.1来修复这个问题

"react-scripts": "^5.0.1",

这在我的应用博览会上很管用(从Node.js 17降级到Node.js 12或14)。

如果你安装了nvm,你可以改变node的版本:

首先在nvm中检查Node.js的版本:

nvm list

其次,安装版本12或14:

nvm install v12.22.8

当我试图运行我新克隆的网站时,我就遇到了这个问题:

npm install

在Windows上,通过卸载openssl 1.1.1,安装openssl 3(如果你使用chocolatey: choco install openssl.light),并将Angular更新到最新版本(目前为14),解决了上述webpack配置问题。

当然,正如大多数答案所建议的那样,降级Node并不是一个正确的方法。

这是最简单的答案。

如果你正在使用react-scripts,你现在可以简单地升级到5.0.0版本(或更高版本),这似乎已经解决了这个问题(它包括一个更新版本的webpack)。

例子: NPM I react-scripts@latest