Vue2 source maps referencing vue.runtime.esm.js file, not component file

Question

Maybe I'm misinterpreting what source maps should do in a Vue app, but shouldn't I get the *.vue file line number where the error is occurring? I always get a refernce to a line number in a vue.runtime.esm.js file. It references the component, but the line number in the component file would be more helpful. Do I need to install additional source map modules?

My vue.config is below:

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]";
    }
  },
};

This also doesn't work:

  configureWebpack: (config) => {
    config.devtool = "source-map";
  },

Vinicius Bazanella · Accepted Answer · 2022-04-13 17:22:45Z

1

I had to use 'cheap-module-source-map' instead of 'eval-source-map'. In the end it would look like this:

  configureWebpack: (config) => {
    if (process.env.NODE_ENV === "development") {
      config.devtool = "cheap-module-source-map";

      [...]
    }
  },

answered Apr 13, 2022 at 17:22

Vinicius Bazanella

5153 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

otaviodecampos Over a year ago

I dont know why actually, but im going to have a good weekend because of your tip. Thanks

Collectives™ on Stack Overflow

Vue2 source maps referencing vue.runtime.esm.js file, not component file

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related