最新的 AJV 和 ajv 格式必须在 React 中被破坏

Question

几个月来我一直在使用 AJV 进行验证。在 v6.x 上使用了一段时间，现在需要升级才能使格式和自定义错误消息正常工作。不幸的是，它似乎坏得很厉害。我在错误报告和其他闲聊中找不到任何帮助。

包：

"ajv": "^8.8.2",
"ajv-errors": "^3.0.0",
"ajv-formats": "^2.1.1",

明确地说，我可以让它在 Express API 中正常工作，声明如下：

const Ajv = require("ajv");
const ajv = new Ajv({ allErrors: true, strict: false });
const ajvFormats = require("ajv-formats")(ajv);
const ajvErrors = require("ajv-errors")(ajv);

但是，我也在 React 项目中使用它，这就是它的问题所在。声明如下：

import Ajv from "ajv";
import AjvFormats from "ajv-formats";
import AjvErrors from "ajv-errors";
const ajv = new Ajv({ 
    allErrors: true, 
    strict: false, 
    strictTypes: false,
    code: { optimize: false } 
});
AjvErrors(ajv);
AjvFormats(ajv);

无论 Ajv 构造函数中使用的选项如何，都会产生以下错误：

TypeError: Cannot read properties of undefined (reading 'allErrors')
ajvErrors
src/index.ts:385
Module.<anonymous>
src/mod/validator.js:10
   7 |     strictTypes: false,
   8 |     code: { optimize: false } 
   9 | });
> 10 | AjvErrors(ajv);
  11 | AjvFormats(ajv);

如果我注释掉 AjvErrors(ajv) 行以查看格式是否有效，我会得到一个单独且完全不同的 AjvFormats(ajv) 错误：

TypeError: Cannot read properties of undefined (reading 'code')
addFormats
src/index.ts:55
  52 |     if (items) {
  53 |         errors.items = {};
  54 |         for (let i = 0; i < items.length; i++)
> 55 |             errors.items[i] = [];
     | ^  56 |     }
  57 |     return errors;
  58 | }
View compiled
formatsPlugin
src/index.ts:42
  39 |     const schMessage = typeof sch == "string" ? sch : sch._;
  40 |     if (schMessage)
  41 |         processAllErrors(schMessage);
> 42 |     if (!options.keepErrors)
     | ^  43 |         removeUsedErrors();
  44 | });
  45 | function childErrorsConfig({ properties, items }) {
View compiled
Module.<anonymous>
src/mod/validator.js:11
   8 |     code: { optimize: false } 
   9 | });
  10 | // AjvErrors(ajv);
> 11 | AjvFormats(ajv);
  12 | 
  13 | const initValidationCache = async () => {
  14 |     let { entityType, schema } = window;

我是SOL吗？这些项目死了吗？我在那里看到的错误报告中很少有 activity。我已经投入了大量时间并围绕这个库编写了大量代码，作为我的验证库，因为它每月下载数千万次。看起来很安全！不是超级鼓舞人心。 :(

Answer 1

一个答案，如果没有其他人有任何东西，那就是找到包版本的最佳点。当然最好不要浪费时间来拼凑这些：

npm install ajv@7.2.3 ajv-errors@2.0.1 ajv-formats@2.1.1 --save

有趣的是；它在 React 中工作得很好，就像这样：

import Ajv from "ajv";
import AjvFormats from "ajv-formats";
import AjvErrors from "ajv-errors";
const ajv = new Ajv({ 
    allErrors: true, 
    strict: false
});
AjvFormats(ajv);
AjvErrors(ajv);

但是我的 Express API 中的这些 完全相同的包版本 现在是炸弹：

const Ajv = require("ajv");
const ajv = new Ajv({ allErrors: true, strict: false }); //this fails!
const AjvFormats = require("ajv-formats");
const AjvErrors = require("ajv-errors");
AjvFormats(ajv);
AjvErrors(ajv);

...出现此错误...这似乎很荒谬。

Ajv is not a constructor

我真的很茫然。我已经准备好回到 Joi 了，因为我用了几年从来没有遇到过问题。

更新：

这解决了上面构造函数错误的问题：

AJV 和相关的目标似乎在移动。我将此版本设置为石头，永远不会升级！

最新的 AJV 和 ajv 格式必须在 React 中被破坏

AJV and ajv-formats latest must be broken in React

javascript

validation

json

jsonschema

ajv