'1 WARNING in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)

How can I solve this warning when creating laravel project?

1 WARNING in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)

Steps to replicate:

  1. composer create-project --prefer-dist laravel/laravel example
  2. cd example
  3. composer require laravel/ui
  4. php artisan ui vue --auth
  5. npm install vue@next vue-router@next vue-loader@next
  6. npm install
  7. npm run dev

EDIT

From this solution, add these lines to webpack.mix.js

mix.webpackConfig({
    stats: {
        children: true,
    },
});

The above solution creates another warning:

WARNING in ./resources/sass/app.scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-6.use1!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-6.use[2]!./node_modules/resolve-url-loader/index.js??clonedRuleSet-6.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-6.use[4]!./resources/sass/app.scss) Module Warning (from ./node_modules/postcss-loader/dist/cjs.js): Warning

(2423:3) autoprefixer: Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently deprecated.

Child mini-css-extract-plugin C:\xampp\htdocs\lva\node_modules\css-loader\dist\cjs.js??clonedRuleSet-6.use1!C:\xampp\htdocs\lva\node_modules\postcss-loader\dist\cjs.js??clonedRuleSet-6.use[2]!C:\xampp\htdocs\lva\node_modules\resolve-url-loader\index.js??clonedRuleSet-6.use[3]!C:\xampp\htdocs\lva\node_modules\sass-loader\dist\cjs.js??clonedRuleSet-6.use[4]!C:\xampp\htdocs\lva\resources\sass\app.scss compiled with 1 warning webpack compiled with 1 warning

How can I solve this?

laravelvue.jsreactjsreact-routerserver-side-rendering


Solution 1:[1]

You probably updated your npm packages. I was able to fix this by reverting the autoprefixer package to version 10.4.5 in the package-lock.json.

Solution 2:[2]

when you have problem with autoprefixer, you can add version autoprefixer based problem this version autoprefixer . i have problem on "print-color-adjust" and i add code on my package.json

when you use npm

    "overrides": {
      "autoprefixer": "10.4.5"
     },

Or, when you use yarn

    "resolutions": {
      "autoprefixer": "10.4.5"
    },

Don't forget to delete your package-lock and node_modules , then npm install again. it work for me (react-bootstrap.v.5)

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Benno Meyer
Solution 2 Anjasmara Dwi.S

Related Questions