laravel-mix: Webpack polyfill error

Laravel Mix Version: laravel-mix@6.0.18
Node Version: v14.15.4
NPM Version: 6.14.10
OS: macOS Big Sur

Description:

When i’m running yarn run development i get a whole bunch of errors. mainly the following error

“webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for it.”

See screenshot: Schermafbeelding 2021-05-03 om 12 02 32

What i’ve tried already:

added mix.options({ legacyNodePolyfills: true }); to my webpack.mix.js file
added mix.webpackConfig({ resolve: { fallback: { process: require("node-libs-browser").process, buffer: require("node-libs-browser").buffer, }, }, })

unfortunately non of them worked…

Someone knows what to do about this?

About this issue

Original URL
State: open
Created 3 years ago
Reactions: 1
Comments: 21

Most upvoted comments

From one day to another, I now get 200+ Webpack polyfill errors in one project. Other projects with Laravel Mix work fine. This is really strange…

Edit: I had an import { options } from "laravel-mix"; in my code. That was the issue for me.

goaround on Dec 9, 2021

I don’t know how i placed this code but I had to remove in one of my scripts

import { init } from "browser-sync";

merijnponzo on Dec 24, 2021

Same issue here. I use the “Auto Import - ES6, TS, JSX, TSX” extension in VScode. It added this line in one of the react jsx files:

import { react } from “laravel-mix”;

mlieshout on Jan 12, 2022

Here’s what I did:

npm i -D browserify-fs
npm i -D node-polyfill-webpack-plugin

Add this to webpack.mix.conf:

const NodePolyfillPlugin = require("node-polyfill-webpack-plugin")
mix.webpackConfig({
    plugins: [
        new NodePolyfillPlugin(),
    ],

    resolve: {
        fallback: {
            fs: require.resolve('browserify-fs'),
        }
    }
});

mix.options({
        legacyNodePolyfills: false
});

Still getting errors (just different ones now)…

mityukov on Jul 16, 2021