ソースマップの検索結果1 - 4 件 / 4件

• あとで読む

  Sentryでソースマップを活用してHerokuから配信するSPAのエラー調査を楽にする - Pepabo Tech Portal

  • 6 users
  • tech.pepabo.com
  • テクノロジー
  • 2021/03/10

  カラーミーショップ DXチームのkymmtです。この記事では、webpackなどでビルドしてHerokuから配信するシングルページアプリケーション(SPA)でエラーが起きたとき、Sentryにエラーを送信しつつ、ソースマップを活用して元のソースコードのどこでエラーが起きたのかを特定する方法について説明します。 ソースマップ利用前 ソースマップ利用後 想定するアプリケーション この記事では、実際の社内での作業に基づいて、次のようなアプリケーションを想定します。 シングルページアプリケーション(SPA)である SPAはVue.js製であり、複数のファイルからなる SPAはHeroku上で動くExpressから配信する HerokuでNode.js Buildpackを使っている Herokuへのデプロイ時にwebpackでSPAをビルドするように設定している 一方で、上記の想定に当てはまらなく

  • sentry
  • pepabo
  • heroku
  • js
  • 統計

  
• あとで読む

  Sentry だけに Production 環境のソースマップを表示させる | きるこの日記帳

  • 3 users
  • www.dkrk-blog.net
  • テクノロジー
  • 2021/06/13

  Production のように、Sentry だけにソースマップを読んでほしい環境がある時の備忘録。 環境、サンプル Node v14.5.0 webpack 5.25.0 @sentry/webpack-plugin 1.14.2 @sentry/react 6.2.2 SaaS 版 Sentry サンプルコードはこちら Sentry ソースマップの扱い ブラウザでソースマップを認識するには、バンドル内にリファレンス用のコメント（pragma）を含めるか、Sourcemap または X-SourceMap ヘッダーを追加する必要がある。 Use a source map - Firefox Developer Tools | MDN SourceMap - HTTP | MDN 一方 Sentry ドキュメントの Source Maps for JavaScript によれば、スタックト

  
• あとで読む

  【Laravel Mix】ソースマップを出力する設定方法｜Sass・JavaScript

  • 3 users
  • blog-and-destroy.com
  • テクノロジー
  • 2020/07/27

  今回は、Laravel MixでSass・JavaScriptなどをコンパイルした際に、ソースマップを出力する設定方法となります。 また、今回の例ではLaravel Mix をすでにインストールしている前提としています。Laravel Mix のインストール方法などについては、以下のリンク先を参考にしてみてください。 【Laravel Mix】Sass・JavaScriptのソースマップを出力する設定方法Laravel Mixでは、設定をwebpack.mix.jsファイルで管理します。 以下、webpack.mix.jsに、ソースマップを出力する.sourceMaps()メソッドを追加した設定例となります。 const mix = require('laravel-mix'); mix.js('resources/js/app.js', 'public/js') .sass('resou

  • あとで読む

  
• あとで読む

  ソースマップファイル（.map）の404エラーが出た時の対処法 | オウンドメディア | 大阪市天王寺区ホームページ制作｜合同会社デザインサプライ-DesignSupply.LLC-

  • 3 users
  • designsupply-web.com
  • テクノロジー
  • 2020/01/07

  ウェブサイトのデバッグ時に拡張子が「.map」という見覚えのないファイルが404エラーになっていたことはありませんか？今回はこのケースについて備忘録を残しておきます。 ソースマップファイル（.map）とは

  • JavaScript