react-jsonschema-form 給出錯誤 Module parse failed: Unexpected token (441:44)

Question

我正在嘗試開始使用react-jsonschema-form 。 我創建了全新的 React 項目並嘗試了這個示例代碼。 此代碼按預期工作。

import logo from './logo.svg';
import './App.css';
import validator from "@rjsf/validator-ajv8";
import Form from "@rjsf/core";
// import Form from "@rjsf/mui"


function App() {
  const schema = {
    title: "Todo",
    type: "object",
    required: ["title"],
    properties: {
      title: {type: "string", title: "Title", default: "A new task"},
      done: {type: "boolean", title: "Done?", default: false}
    }
  };
  const log = (type) => console.log.bind(console, type);
  return (
    <div className="App">
      <Form schema={schema}
        validator={validator}
        onChange={log("changed")}
        onSubmit={log("submitted")}
        onError={log("errors")} />
    </div>
  );
}

export default App;

之后，我嘗試在我的實際項目中實現這一點。 代碼相同，唯一不同的是反應版本和啟動腳本

新鮮的反應項目

"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-scripts": "5.0.1",

"start": "react-scripts start",

此代碼不起作用的項目

 "react": "^17.0.2",
 "react-dom": "^17.0.2",
 "react-scripts": "^4.0.3",



 "start": "react-app-rewired --openssl-legacy-provider start",

這是我得到的錯誤

./node_modules/@rjsf/validator-ajv8/dist/validator-ajv8.esm.js 441:44
Module parse failed: Unexpected token (441:44)
File was processed with these loaders:
 * ./node_modules/babel-loader/lib/index.js
You may need an additional loader to handle the result of these loaders.
| 
|   isValid(schema, formData, rootSchema) {
>     const rootSchemaId = rootSchema["$id"] ?? ROOT_SCHEMA_PREFIX;
| 
|     try {

有了這個奇怪的錯誤信息，我不知道從哪里開始。 我怎么解決這個問題？

Answer 1

你檢查過你的節點版本了嗎？ 僅限節點 16+。