Nuxt.js: How to debug nuxt in JetBrains WebStorm?

Created on 6 Feb 2018  路  6Comments  路  Source: nuxt/nuxt.js

How to debug nuxt in JetBrains WebStorm?

This question is available on Nuxt.js community (#c2413)
picture jinhuiWong
👍1

Most helpful comment

  1. Add a node debug in Webstorm and fill Javascript file with this:
node_modules\nuxt\bin\nuxt-dev

  1. Add devtool in nuxt.config.js:
extend (config, { isDev, isClient }) {
  if (isDev) {
    config.devtool = 'eval-source-map'  // Something you like
  }
}

Done!

picture LancerComet on 29 Jun 2018
👍3

All 6 comments

Probably \

ishitatsuyuki picture ishitatsuyuki on 7 Feb 2018

i tried add debug configuration of NPM is inoperative,i want know why

xiaoyaosheng666 picture xiaoyaosheng666 on 15 May 2018
  1. Add a node debug in Webstorm and fill Javascript file with this:
node_modules\nuxt\bin\nuxt-dev

  1. Add devtool in nuxt.config.js:
extend (config, { isDev, isClient }) {
  if (isDev) {
    config.devtool = 'eval-source-map'  // Something you like
  }
}

Done!

LancerComet picture LancerComet on 29 Jun 2018
👍3

This question has been resolved by @LancerComet, see answer.

cmty[bot] picture cmty[bot] on 8 Aug 2018

@LancerComet in my case, this steps into a generated file pages_index.js instead of debugging inside pages/index.js itself. Is this the expected behaviour?

blowsie picture blowsie on 1 Oct 2018

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

lock[bot] picture lock[bot] on 31 Oct 2018
Was this page helpful?
0 / 5 - 0 ratings

Related issues

msudgh picture msudgh  路  3Comments
bimohxh picture bimohxh  路  3Comments
uptownhr picture uptownhr  路  3Comments
o-alexandrov picture o-alexandrov  路  3Comments
vadimsg picture vadimsg  路  3Comments