Tal vez estoy malinterpretando lo que deberían hacer los mapas de origen en una aplicación Vue, pero ¿no debería obtener el número de línea del archivo *.vue donde se produce el error? Siempre obtengo una referencia a un número de línea en un archivo vue.runtime.esm.js . Hace referencia al componente, pero el número de línea en el archivo del componente sería más útil. ¿Necesito instalar módulos de mapas de origen adicionales?
Mi vue.config está a continuación:
module.exports = { assetsDir: "", publicPath: "/", css: { sourceMap: true, loaderOptions: { sass: { sassOptions: {}, }, }, }, configureWebpack: (config) => { if (process.env.NODE_ENV === "development") { config.devtool = "eval-source-map"; config.output.devtoolModuleFilenameTemplate = (info) => info.resourcePath.match(/^\.\/\S*?\.vue$/) ? `webpack-generated:///${info.resourcePath}?${info.hash}` : `webpack-yourCode:///${info.resourcePath}`; config.output.devtoolFallbackModuleFilenameTemplate = "webpack:///[resource-path]?[hash]"; } }, };Esto tampoco funciona:
configureWebpack: (config) => { config.devtool = "source-map"; },Tuve que usar 'cheap-module-source-map' en lugar de 'eval-source-map' . Al final quedaría así:
configureWebpack: (config) => { if (process.env.NODE_ENV === "development") { config.devtool = "cheap-module-source-map"; [...] } },