老师这里出问题了，编译出错了？

Question

我运行项目时，这里编译出错误了，怎么解决？老师 QAQ
我代码上传github: https://github.com/xing-6464/react-travel

Answer 1

阿莱克斯刘 2022-11-29 15:07:22

这个问题我也出现了，问题并非来自课程项目，而是react-payment-inputs这个依赖包出了问题，目前我怀疑这个依赖包对node不同版本支持有问题。

解决方式就是请同学们不要再使用这个依赖了。因为在实际工作中，如果一个依赖如此不稳定我们是不应该使用的。另外，如果一个项目在github上的星星比较少，千万不要用。

所以react-payment-inputs组件比较坑，请同学从项目中删除，换成ant design的input box吧，丑是丑一点，但是只要功能完整能继续课程就可以。

当然，我也会积极寻找替代方案，一旦找到更好的依赖包会马上更新视频。

• 提问者 星光荡开宇宙 #1

  好的，谢谢老师

• 慕斯5023961 #2

  我刚才看antd 没有找到input box这个组件啊 怎么查看他的用法呢

Answer 2

慕斯5023961 2023-03-01 09:50:52

我刚才看antd 没有找到input box这个组件啊 怎么查看他的用法呢

大佬 能能不能说一下

• 提问者 星光荡开宇宙 #1

  直接使用input框代替视频中的那个输入组件就好了
  PaymentForm.tsx 文件里面
  
  import React from "react";
  import { Input, Card } from "antd";
  import styles from "./PaymentForm.module.css";
  
  export const PaymentForm = () => {
  
    return (
      <Card
        title="信用卡"
        bordered={false}
        className={styles["payment-credit-card"]}
      >
        <Input />
      </Card>
    );
  };

• 慕斯5023961 回复 提问者 星光荡开宇宙 #2

  哦哦 感谢