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?

CodePudding user response：

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.

CodePudding user response：

https://github.com/twbs/bootstrap/issues/36259 The color-adjust shorthand is currently deprecated and it depends on the [email protected].

I was able to fix this by reverting the autoprefixer package aswell as @Benno to version 10.4.5, run this:

npm install [email protected] --save-exact