未找到 Intelij mantine 断点

Question

我们在 React 项目中使用 mantine 组件，我在 mantine 文档的帮助下注册了 mantine 断点，它看起来像这样：

module.exports = {
  plugins: {
    'postcss-preset-mantine': {},
    'postcss-simple-vars': {
      variables: {
        'mantine-breakpoint-xs': '480px',
        'mantine-breakpoint-sm': '768px',
        'mantine-breakpoint-md': '1024px',
        'mantine-breakpoint-lg': '1440px',
        'mantine-breakpoint-xl': '1920px',
      },
    },
  },
};

从代码角度来看，一切都很好，这些变量可以在 .module.css 中看到，但 Intelij 看不到它并不断通知我有关错误的信息

对于这种问题有什么解决办法吗？

Answer 1

请尝试在“设置”|中选择“PostCSS方言”语言和框架 |样式表|方言。对解决问题有帮助吗？