antd引入问题

Question

1. 原先我使用老师的方式 npm install antd --save ,引入@import 'antd/dist/antd.css'; 的时候报错.

报错信息如下:

2. 然后我尝试使用官网的next下载方法,链接如下:

 https://ant-design.antgroup.com/docs/react/use-with-next-cn

依旧报错

Server Error
SyntaxError: Cannot use import statement outside a module
This error happened while generating the page. Any console logs will be displayed in the terminal window.

Answer 1

Tomas 2023-11-24 12:30:17

是不是装的 antd5 啊，antd5 修改了打包方式，课程用的应该是 antd4 的版本

• 提问者 慕先生9198790 #1

  我修改成 "antd": "^4.24.2",也是一样报错.
  
  
  
  
  import Button from './button';
  ^^^^^^
  
  SyntaxError: Cannot use import statement outside a module

• Tomas 回复 提问者 慕先生9198790 #2

  要不对照下项目代码各个库的版本呢

• 提问者 慕先生9198790 回复 Tomas #3

  感觉是next装项目的命令的问题, 我从新开始安装视频教的命令下载项目,再引入antd就报错.但是我直接按照next官网的命令下载项目,再引入antd就没问题.
  但是按next官网下载, 路由文件夹之类的我看文档已经跟视频不一样了.我又要重新改改.
  我不知道别人是不是这样,如果是,那老师需要更新下视频了,我弄了半天.

点开查看后面1条评论