Javascript 未为next.js组件实现css样式表

我有下面的React/Next组件。我试图使用样式表使它看起来更好，但由于某些原因css没有被应用

---

我该怎么做才能解决这个问题？我尝试在pages/index.js和/或pages/_app.js中调用样式表，但没有任何更改。

您的代码有错误<代码>标记具有不存在的align属性。

CSS模块不是这样工作的

试试这个：

import styles from '../../styles/Home.module.css';
...
const LoginUser = ({onChangeLoginForm, loginUser}) => {

    return(      
        <div className={styles.container}>
...

从“../../styles/Home.module.css”导入样式；
...
常量登录用户=（{onChangeLoginForm，LoginUser}）=>{
报税表（
...

请查看css模块的文档：

调整您的导入：

import styles from '../../styles/ComponentName.module.css'

然后像这样使用它：

<div class={styles.classname}/>

对我来说似乎是正确的，您有任何错误吗？另外，通常我们使用[ComponentName].module.css，因此在您的示例中，名称最好是LoginUser.module.cssHow这是否解决了OP的问题？