Javascript 由于“@With手势”，项目未编译`

我有这段代码，它可以很好地编译。但是，如果我克隆并安装npm，然后尝试在本地运行它，则会出现编译错误：

Failed to compile.
./src/index.js
Syntax error: Unexpected token (9:0)

   7 | import './styles.css'
   8 |
>  9 | @withGesture // https://github.com/drcmda/react-with-gesture
     | ^
  10 | class Slider extends React.Component {
  11 |   render() {
  12 |     const { xDelta, down, children } = this.props

---

react with手势模块显示了使用它的不同方式，但我想知道，如果有办法防止，为什么会出现编译错误。感谢您的回答。

维护人员

react脚本。我不知道CodeSandbox在做什么，使它起作用。另一种选择是。或者，您可以使用函数调用而不是装饰器：

class OrigSlider extends React.Component {
  // ...
}
let Slider = withGesture(OrigSlider);

当我这样做时，我得到一个不相关的错误，它看起来像是
@babel/runtime
和
react-spring
之间的不兼容。升级到最新的
react-spring
使服务器为我运行