![](data:image/svg+xml;charset=utf-8,<svg height="31" width="156" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
1) The code for my webpage is written in TypeScript and I use WebPack to bundle it into a “main.min.js” file for the end-user. (Pretty standard stuff.) 2) I want to utilize the Sentry.io service to automatically report errors to the cloud, so I’ve installed the @sentry/browser package and initialized it in my TypeScript codebase. […]
- Tags 'main.ts'), 'src'), ], }, }; export default config; This is an extremely basic WebPack configuration with one exception - a custom source map filename. By default, }), // Chrome caches source maps and will not update them even after a hard-refresh // Work around this by putting the epoch timestamp in, // Enable source maps devtool: 'source-map', // Where to put the bundled file output: { path: __dirname, #TS, 1) The code for my webpage is written in TypeScript and I use WebPack to bundle it into a "main.min.js" file for the end-user. (Pretty standa, and changed my WebPack config to be the following: import SentryWebpackPlugin from '@sentry/webpack-plugin'; import * as path from 'path'; i, but they do not seem to mention how to do this seemingly-trivial thing., By default, e.g. the source maps. In order to fix this, I change it to be "main.min.js.1586110008375.map" to get around the bug where Chrome caches source maps and will not update them even after a, I've installed that, include: path.join(__dirname, json, loader: "ts-loader" }, module: { rules: [ // All files with a ".ts" extension (TypeScript files) will be handled by "ts-loader" {, most source maps take the filename of "main.min.js.map" for a "main.min.js" file. However, notice that in the above config, plugins: [ new SentryWebpackPlugin({ include: './main.min.js', resolve: { extensions: ['.js', so I've installed the @sentry/browser package and initialized it in my TypeScript codebase. So far so good - my webpage successfully reports, the new Sentry plugin complains that it cannot find the source map: Source Map Upload Report Minified Scripts ~/main.min.js (sourcemap, the reported errors do not contain the real line numbers, the Sentry documentation says that you need to use the SentryWebpackPlugin. So, Webpack will output the file to a "dist" subdirectory filename: 'main.min.js', when I tell WebPack to bundle my code
![](data:image/svg+xml;charset=utf-8,<svg height="72" width="72" xmlns="http://www.w3.org/2000/svg" version="1.1"/>)
