小编Jor*_*all的帖子

我正在尝试在我的反应项目中使用react-scratchblocks包。

我已经使用 create-app-react 命令创建了我的项目。

导入包后出现以下错误：

编译失败。

./node_modules/react-scratchblocks/src/Scratchblocks.js
SyntaxError: /Users/jorge/Documents/React/elimu-analyzer-frontend/node_modules/react-scratchblocks/src/Scratchblocks.js: Unexpected token (45:6)

  43 |     const scripts = this.parseScripts(this.props.code);
  44 |     return (
> 45 |       <div className={this.classNames()}>
     |       ^
  46 |         {scripts.map((script,i) => (
  47 |           <Scratchblock key={i} className="script" script={script}/>
  48 |         ))}

我知道 jsx 没有被识别，但是我应该怎么做才能使这个包工作？请记住：我使用 create-rect-app 来创建我的 React 项目。

谢谢。

更新1：

module.exports = function () {

return {
    overrides: [{
        test: ["./node_modules/react-scratchblocks"],
        presets: ["@babel/preset-react"]
    }],
};
}

更新 2：我导入 react-scratchblocks 的组件。

import React, { useState } from …