I have a Vue application which i am not capable of debugging in chrome dev tools.

In the vue.config.js, I have added the sourcemaps as such:

configureWebpack: {
  devtool: 'source-map'
},

The files i can see in the chrome debugger look like this:

Folder structure according to chrome debugger

Notice how the .vue files have an added ? and some number and letters.

JS files do not seem to have any problems.

Any idea what is going on?

It worked on my previous machine but I don't have access to it anymore.