Next.js 配置破坏了包的 CSS

编程问答 2022-05-29

问题描述

为了使用 ant design 及其组件，我配置了 next.js。 这是 next.config.js 文件

const withSass = require("@zeit/next-sass");
const withLess = require("@zeit/next-less");
const nextTranslate = require('next-translate');

module.exports = {
  ...withLess(
    withSass(nextTranslate({
      lessLoaderOptions: {
        javascriptEnabled: true,},}))
  ),images: {
    domains: ["storage.googleapis.com"],}
}

使用此配置，我可以使 ant 设计工作并从一个 .less 文件更改主题，并且收到以下警告： Warning: Built-in CSS support is being disabled due to custom CSS configuration being detected.

所以现在，我正在尝试使用 react-leaflet，但似乎此配置与包的 CSS 冲突。地图图块显示不正确，当我尝试直接在组件文件中导入 CSS 文件 (node_modules/leaflet/dist/leaflet.css) 时。我无法访问 url(images/layers-2x.png);

我应该如何调整配置以使 ant.d 和 react-leaflet 包正常工作？或者是否可以在没有特定 next.js 配置的情况下使用 ant.d ？

PS：下一个版本 10.0.0

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

lesssasssasswebpackwebpackwebpack