Source-maps not enabled by default

[lane-s]

Version

3.0.0-rc.3

Reproduction link

https://github.com/vuejs/vue-cli

Steps to reproduce

1. Run vue create test-project
2. Choose default options
3. Change a .vue component so that the javascript code will throw an exception
4. run npm run serve

What is expected?

The browser console should display the line number where the exception is being thrown in the .vue file

What is actually happening?

The browser console displays an unhelpful error message referencing only vue.runtime.esm.js

---

When creating a new project using vue-cli via create or UI, no vue.config.js file is created by default. In order to see the line number of an exception in your source code, you have to manually create vue.config.js and add the following:

module.exports = {
    configureWebpack: {
        devtool: 'source-map'
    }
}

It seems to me that everyone would like to be able to source their errors, so I feel that this should be done by default.

[haoqunjiang]

Can't reproduce.
Source maps are enabled by default in dev mode:

vue-cli/packages/@vue/cli-service/lib/config/dev.js

Lines 3 to 5 in e17f78c

	if (process.env.NODE_ENV === 'development') {
	webpackConfig
	.devtool('cheap-module-eval-source-map')

[LinusBorg]

What browser are you on?

[lane-s]

Chrome 67. The issue occurs consistently unless I add the config file I described.

[yyx990803]

Cannot reproduce. Working as intended in Chrome 67.

[cristianelias]

I'm having the same issue...

[motin]

Reproduced in Chrome 68.
Adding the devtool configuration as per this issue's top post solved it.
Happily seeing the real filenames of where errors occur now (albeit the line number corresponds to the js-compiled version of the .vue files and not the original .vue file)

[tvkit]

@lane-s Modifying vue.config.js as you instructed works for me

My @vue/cli-service is @ 3.0.1

[yarnball]

Hi,

My Vue developer experience has been suffering due to terrible debugging/source maps:

I've added:

configureWebpack: {
        devtool: 'source-map'
    }

Which helped (now when I console.log() somewhere- it knows the actual file!). However, it is still super unhelpful for generic errors.

Here's an example of a simple undefined error- and it NOT pointing to a file-

Does the above look right? How come it doesn't tell me the line/file the error came from?

[tomchiverton]

No vue.config.js created here either. Latest vue-cli from npm, Linux Ubuntu 18.04 LTS.

Reopen.