next.js引用antd的时候报SyntaxError: Cannot use import statement outside a module?-灵析社区

一只臭美的Doggg

## next.js创建的新项目中引入antd时出现SyntaxError: Cannot use import statement outside a module 我在命令行中用以下命令创建了next.js的新项目,以及一些选择 ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/04b5274ee68a71bb73075d5593ccfac6.png) 当我运行这个项目的时候,是没有问题的,结果如下 ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/7b00a5442db67186127f26ef45cea978.png) ## ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/d0c128deb5d49fca9c3b35004add0f2f.png) 可是当我尝试引入一些库,比如antd的时候,当我再次运行的时候,就出现了问题 ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/2609407876f9683238a9d91186eb86d4.png) ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/45883389dc50405fcc687f14c455e6e5.png) ## ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/0086ebc42f56113ccf6fbb340a6522d4.png) 令我感到奇怪的是,当我使用应用路由而不是页面路由的时候,就没有这个问题了 ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/2eecd102bd6689dd410fefabe6884123.png) ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241009/b902900f8320b6060187fc9496e2f1d5.png) 请问如果项目最初选择的是应用路由的话,该如何设置,才能解决这个问题呢? 另外导致这个问题的原因涉及哪些方面的知识,可以学习些什么内容呢?

阅读量:178

点赞量:0

问AI
破案了,版本问题 next.js v13中app路由和pages路由都是没问题的,next.js v14中app 路由可以引入,pages路由暂时引入不了