Sourcemaps with Vue errors

SDKs
1

Hi There,

Im getting “no sourcemap ref” on my minified scripts inside dist/js.

I am wondering why. I use single file components (.vue) Below is my configuration:

~/dist/js/app.50932dad.js (no sourcemap ref)
- warning: could not determine a source map reference (Could not auto-detect referenced sourcemap for ~/dist/js/app.50932dad.js.)
~/dist/js/chunk-01c8567e.466e734b.js (no sourcemap ref)

image
image358×551 10.3 KB

// vue.config.js
const SentryPlugin = require('@sentry/webpack-plugin');

module.exports = {
    transpileDependencies: ['vuetify'],
    productionSourceMap: false,
    configureWebpack: config => {
        if (process.env.NODE_ENV === 'production') {
            config.plugins.push(new SentryPlugin({
                release: process.env.VUE_APP_SENTRY_RELEASE,
                include: '.',
                ignore: ['node_modules', 'webpack.config.js', 'babel.config.js', 'scripts/*', 'vue.config.js'],
                configFile: ".sentryclirc",
            }))
        }
    },
    lintOnSave: false,
    css: {
        loaderOptions: {
            // pass options to sass-loader
            // @/ is an alias to src/
            // so this assumes you have a file named `src/variables.sass`
            // Note: this option is named as "data" in sass-loader v7
            sass: {
                data: `@import "~@/variablescolorbuilds.sass"`
            },
        }
    }
}
2

I still have this problem. If anyone knows what the problem is or how I could find out please let me know.

3

You need to set productionSourceMap:true, This plugins just upload source map file, If you set false there no source map file to upload