Next.js 组件：错误：错误：此处不允许返回语句

Question

当我将一个新组件添加到我的 Next.js 项目中时，我遇到了一个错误，它提供了以下内容：

`./components/GridMember.js 错误：错误：此处不允许返回语句

| 6 |返回（测试）； | ^^^^^^^^^^^^^^^^^^^^^^^^^

原因： 0：处理js文件失败 1：错误是可恢复的，但继续会导致错误的代码生成 2：语法错误`

[错误][1] [1]：https://i.stack.imgur.com/PU5z5.png

我不确定是什么原因造成的，因为我应该能够归还我所拥有的。我已将下面的代码粘贴到组件中

`从'./GridMember.module.css'导入样式

export default GridMember()
{
    return (<div>test</div>);
}`

然后页面有以下内容：

`从“../components/GridMember”导入GridMember；

export default function Work()
{
    return(
    <div>WORKING
        <GridMember/>
    </div>
    );
}`

欢迎提出任何建议！

Answer 1

你不见了function 所以你必须这样写代码

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


export default function GridMember()
{
    return (<div>test</div>);
}