【Next.js】Failed to compile. ./components/Sidebar.js Error: x Expression expected ,-[/vercel/path0/components/Sidebar.js:4:1]のエラー解決方法

【Next.js】でFailed to compile. ./components/Sidebar.js Error: x Expression expected ,-[/vercel/path0/components/Sidebar.js:4:1]

このようなエラーが発生しました。

どの時の解決方法を記します。

 

エラーのコード

Sidebar.js

/* Your code... */
import Image from'next/image';
import Link from'next/link';


function Common() {


return (


{/* ここにフッターの内容を書く */}


<small>テキストテキストテキスト</small>




  )


}




exportdefault Common;






↓




正しいコード


Sidebar.js




/* Your code... */





import Image from'next/image';


import Link from'next/link';




function Common() {


return (


<div>


{/* ここにフッターの内容を書く */}


<small>テキストテキストテキスト</small>


</div>




  )


}




exportdefault Common;








 


returnの後に<div>で囲っていなかったのが原因でした。


戻り値を <div> タグで囲むことにより、コメントが直接 JSX のルート要素として存在することを避けることができました。


同じエラーに悩まされている方の助けになれば幸いです。


 


 
        

      

      






  

    
    
    
    
  

  
  
category cloud