Bugsnag integration for nuxt.js. Makes it easy to add bugsnag to your Project. Supports uploading source maps.


npm versionnpm downloadsCodecovLicense

📖 Release Notes


If you are using Nuxt2 see here

Nuxt2 with Bridge

It should work out of the box no changes needed. Only thing missing is support for uploading source maps on the webpack build.


  1. Add nuxt-bugsnag dependency to your project
npm install nuxt-bugsnag
  1. Add nuxt-bugsnag to the modules section of nuxt.config.js.
{  modules: [    'nuxt-bugsnag'  ]}

You can pass every bugsnag options in the config object

{  bugsnag: {    config: {      apiKey: 'your key',      enabledReleaseStages: ['staging', 'production'],    }  }}

Source Maps

You can upload sourcemaps by adding the option publishRelease. It's important to set the baseUrl as well, it will allow bugsnag to map your errors to the sourcemap:

{  bugsnag: {    publishRelease: true,    baseUrl: 'http://localhost:3000'  }}

Setting a different project root

If your Nuxt App runs in a different folder than /, you might want to set projectRoot to this directory, so that BugSnag can match the sourcemap.

{  bugsnag: {    publishRelease: true,    projectRoot: '/someFolder/'  }}

Config Example

I would recommend to set these options

{  modules: [    'nuxt-bugsnag',  ],  bugsnag: {    publishRelease: true,    config: {      apiKey: 'YOUR_API_KEY',      enabledReleaseStages: ['staging', 'production'],      appVersion: 'YOUR_VERSION',    }  }}

Reporting custom errors

The simplest answer is like this.

this.$bugsnag.notify(new Error('Some Error'))

if you like the composition approach you can do it like this

useBugsnag().notify('Some Error')


  1. Clone this repository
  2. Install dependencies using npm install
  3. Start development server using npm run dev


MIT License

Copyright (c) Julian Martin julian.martin@russmedia.com