@ant-design/charts 的 Next.js 问题,错误

Posted

技术标签:

【中文标题】@ant-design/charts 的 Next.js 问题,错误【英文标题】:Next.js problem with @ant-design/charts, error 【发布时间】:2022-01-18 06:37:47 【问题描述】:

我从事一个大型项目 (monorepo)。技术栈是 Next、Apollo GraphQL、Ant-Design。我想添加 @ant-design/charts 包,但它会导致下面的错误崩溃。我已经没有修复的想法了:c

页面错误:

    ../../node_modules/@antv/xflow/dist/index.css
Global CSS cannot be imported from within node_modules.
Read more: https://nextjs.org/docs/messages/css-npm
Location: ../../node_modules/@ant-design/flowchart/es/graph/index.js

终端:

(node:40023) [DEP_WEBPACK_MODULE_ISSUER] DeprecationWarning: Module.issuer: Use new ModuleGraph API
(Use `node --trace-deprecation ...` to show where the warning was created)
error - ../../node_modules/@antv/xflow/dist/index.css
Global CSS cannot be imported from within node_modules.
Read more: https://nextjs.org/docs/messages/css-npm

【问题讨论】:

【参考方案1】:

已关闭,安装子包@ant-design/plots 解决了我的问题

【讨论】:

以上是关于@ant-design/charts 的 Next.js 问题,错误的主要内容,如果未能解决你的问题,请参考以下文章

VUE 路由守卫 next() next({ ...to, replace true }) next(‘‘) 说明

Next-i18Next 在 NextJS 中阻塞全局状态

获取当前语言 next-i18next

KMP算法求next数组

[Next] 初见next.js

VUE 路由守卫 next() / next({ ...to, replace: true }) / next(‘/‘)