不导入css

我正在使用基于nextsjs的项目，在其他页面中，如果我像这样加载css，它就会工作

import css from './cssname.css';

<div className={css.myclass}></div>

css在我的代码中不起作用。这是我从第一个示例复制粘贴的完整代码

import React ,{Component} from 'react';
import { PopupboxManager, PopupboxContainer } from 'react-popupbox';
import "react-popupbox/dist/react-popupbox.css"

class lightbox extends Component{

    constructor(props){
        super(props)

        this.openPopupbox = this.openPopupbox.bind(this);
    }

    openPopupbox(){
        const content = (
            <div>
              <p>Work like you don't need the money.</p>
              <p>Dance like no one is watching.</p>
              <p>And love like you've never been hurt.</p>
              <span>― Mark Twain</span>
            </div>
          )
          PopupboxManager.open({ content })
    }

    render(){
        return(
            <div> 
                <button onClick={this.openPopupbox}>Click me!</button>
                <PopupboxContainer/>
            </div>
        )
    }
}

export default lightbox

import React，{Component}来自'React'；
从'react popupbox'导入{PopupboxManager，PopupboxContainer}；
导入“react popubox/dist/react popubox.css”
类lightbox扩展组件{
建造师（道具）{
超级（道具）
this.openpopubox=this.openpopubox.bind（this）；
}
OpenPopuBox（）{
常量内容=(
像不需要钱一样工作

跳舞吧，就像没人看一样

去爱，就像你从未受过伤害一样

―马克·吐温
)
打开（{content}）
}
render（）{
返回(
点击我！
)
}
}
导出默认灯箱

nextJS不允许您导入CSS文件，页面/\u app.js上除外。如果尚未创建pages/_app.js文件，请创建该文件。然后，导入CSS文件。有关更多信息，请查看文档：

将导入更改为

import./cssname.css'

和

@Nithish我遵循Docs（），但是css并没有按照您建议的方式工作。

import React ,{Component} from 'react';
import { PopupboxManager, PopupboxContainer } from 'react-popupbox';
import "react-popupbox/dist/react-popupbox.css"

class lightbox extends Component{

    constructor(props){
        super(props)

        this.openPopupbox = this.openPopupbox.bind(this);
    }

    openPopupbox(){
        const content = (
            <div>
              <p>Work like you don't need the money.</p>
              <p>Dance like no one is watching.</p>
              <p>And love like you've never been hurt.</p>
              <span>― Mark Twain</span>
            </div>
          )
          PopupboxManager.open({ content })
    }

    render(){
        return(
            <div> 
                <button onClick={this.openPopupbox}>Click me!</button>
                <PopupboxContainer/>
            </div>
        )
    }
}

export default lightbox