Node项目报错解决 Error: You must provide the URL of lib/mappings.wasm by calling SourceMapConsumer.initialize({ 'lib/mappings.wasm': ... }) before using SourceMapConsumer

## 简介

一些老项目因为不为人知的原因，出现报错：
```console
Error: You must provide the URL of lib/mappings.wasm by calling SourceMapConsumer.initialize({ 'lib/mappings.wasm': ... }) before using SourceMapConsumer
```

找到一个临时解决方案：运行项目时设置环境变量`NODE_OPTIONS=--openssl-legacy-provider`。

Windows环境为例，修改运行脚本：

```bash
# 原来
# react-scripts start
# 修改后
set NODE_OPTIONS=--openssl-legacy-provider && react-scripts start
```

PS：上面的修改在 `package.json` 中进行即可。如：

- 原来报错的 `package.json` ：
```json
{
  "scripts": {
    "dev": "react-scripts start"
  }
}
```

- 修改后的  `package.json` ：
```json
{
  "scripts": {
    "dev": "set NODE_OPTIONS=--openssl-legacy-provider && react-scripts start"
  }
}
```






参考：https://github.com/parcel-bundler/parcel/issues/8005#issuecomment-1120149358

<!-- more -->

## 赞助请求V3

**建站因为热爱，生活需要Money，请屏幕前的大佬动动您发财的小手，点击一次以示鼓励，祝您生活愉快！**

<!-- 文章内嵌广告位 -->
<div class="article-ads"></div>

> PS：就目前的访问量，即便每个访客都点一次广告，收入也不足以支付运营成本。`如果看不到广告，可能是网络原因或被拦截了，那就算了吧。再次祝您生活愉快~~`