Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Warrning when watching You are running the esm-bundler build of Vue...

See original GitHub issue

Laravel Mix Version: 6.0.13
Node Version (node -v): v14.15.5
NPM Version (npm -v): 6.14.11
OS: OSX BigSur

Description:

Should I care about this warning when running npm run watch?

You are running the esm-bundler build of Vue. It is recommended to configure your bundler to explicitly replace feature flag globals with boolean literals to get proper tree-shaking in the final bundle.

Not quite sure what it telling me. This message is;t visible on the production build but still want to get rid of it.

Issue Analytics

State:
Created 3 years ago
Reactions:2
Comments:6

Top GitHub Comments

33reactions

nicolailebekcommented, Apr 8, 2021

Here’s how you get rid of it

mix.js("resources/js/app.js", "public/js")
    .vue({ version: 3 })
    .webpackConfig((webpack) => {
        return {
            plugins: [
                new webpack.DefinePlugin({
                    __VUE_OPTIONS_API__: true,
                    __VUE_PROD_DEVTOOLS__: false,
                }),
            ],
        };
    })

1reaction

thecrypticacecommented, Mar 20, 2021

Oh, right yeah we should set the necessary defines when using .vue() and Vue 3. Good catch.