mu-suke

<h2 id="%E3%82%B4%E3%83%BC%E3%83%AB">
<a class="header-anchor-link" href="#%E3%82%B4%E3%83%BC%E3%83%AB" aria-hidden="true"></a> ゴール</h2>
<ul>
<li>Next.js 12系にSentryを導入してコンソール側にエラーが送信されること</li>
</ul>
<h2 id="%E8%AA%B2%E9%A1%8C%E7%82%B9">
<a class="header-anchor-link" href="#%E8%AA%B2%E9%A1%8C%E7%82%B9" aria-hidden="true"></a> 課題点</h2>
<ul>
<li>
<a href="https://docs.sentry.io/platforms/javascript/guides/nextjs/" target="_blank" rel="nofollow noopener noreferrer">公式のドキュメント</a>を参考に導入を進めたが、いざNext.jsを起動すると以下のようなエラーが発生しコンソール側にエラーが送信されない<br>
<img src="https://storage.googleapis.com/zenn-user-upload/43a91da404eb-20220630.png" alt loading="lazy" class="md-img">
</li>
</ul>
<h2 id="%E7%92%B0%E5%A2%83">
<a class="header-anchor-link" href="#%E7%92%B0%E5%A2%83" aria-hidden="true"></a> 環境</h2>
<table>
<thead>
<tr>
<th>ツール・ライブラリ</th>
<th>用途</th>
<th>バージョン</th>
</tr>
</thead>
<tbody>
<tr>
<td>Next.js</td>
<td>フロントエンドとして利用</td>
<td>12.1.6</td>
</tr>
<tr>
<td>@sentry/nextjs</td>
<td>SentryのNext.js用ライブラリ</td>
<td>7.3.1</td>
</tr>
<tr>
<td>node.js</td>
<td>フロント、サーバーサイドの実行環境</td>
<td>v16.14.0</td>
</tr>
</tbody>
</table>


<p>エラーの原因とは関係ないけど以下の記事が日本語で導入しやすかった。<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__709c424428fd4" src="https://embed.zenn.studio/card#zenn-embedded__709c424428fd4" data-content="https%3A%2F%2Fzenn.dev%2Fkeitakn%2Farticles%2Fadd-sentry-to-nextjs-vercel" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://zenn.dev/keitakn/articles/add-sentry-to-nextjs-vercel" style="display:none" target="_blank">https://zenn.dev/keitakn/articles/add-sentry-to-nextjs-vercel</a></p>


<p><s>社用のGoogleアカウントだとうまく送信された</s><br>
自分のブラウザのせいだった<br>
BraveのadBlockが邪魔してた</p>


ツール・ライブラリ	用途	バージョン
Next.js	フロントエンドとして利用	12.1.6
@sentry/nextjs	SentryのNext.js用ライブラリ	7.3.1
node.js	フロント、サーバーサイドの実行環境	v16.14.0