nextjs模块中不能加载那些不带.module.css格式的文件

在 Next.js 中，默认情况下，只有带有 `.module.css` 后缀的 CSS 文件才能被导入。这是由于 Next.js 默认启用了 CSS 模块化，即使您没有显式地在您的应用程序中启用它。

如果您想要导入不带 `.module.css` 后缀的 CSS 文件，您可以通过在 `next.config.js` 文件中进行配置来实现。具体来说，您需要在 `module.exports` 对象中添加一个 `cssModules: false` 属性，告诉 Next.js 不要对 CSS 进行模块化处理。例如：

// next.config.js

module.exports = {
  cssModules: false
}

这样，您就可以导入不带 `.module.css` 后缀的 CSS 文件了。例如：

import styles from './styles.css';

注意：禁用 CSS 模块化可能会导致 CSS 类名冲突的问题。因此，建议在尝试禁用 CSS 模块化之前，先尝试使用 `.module.css` 后缀的 CSS 文件。