Open
Description
Repro: https://github.com/gustavopch/repro-vue-webpack-sourcemaps
Instruction: run npm run serve and open localhost:8080.
// src/App.vue
<template>
<p :someProp="this.doesnt.work1()"></p>
</template>
<script>
this.doesnt.work2()
export default {
created() {
this.doesnt.work3()
},
}
</script>
When the error happens inside the <script> but outside of the Vue object, the console correctly shows that the error happened at App.vue:6.
When it happens inside the Vue object (in the created method in this case) or in the template, the error in the console doesn't point to App.vue, but to the webpack bundle which is not as readable as the previous case.
Am I doing something wrong? I would like all errors to be mapped to the *.vue file, not to the bundle.