webpack 1子编译中的警告(使用'stats.children:true' resp. '--stats-children'了解更多详情)

u59ebvdq  于 2023-04-06  发布在  Webpack
关注(0)|答案(6)|浏览(404)

如何在创建laravel项目时解决此警告?
1子编译中的警告(使用'stats. children:true 'resp.'--stats-children '了解更多详情)
复制步骤:

  1. composer create-project--prefer-dist laravel/laravel example
  2. cd示例
  3. composer 需要laravel/ui
  4. php artisan ui vue--auth
  5. npm install vue@next vue-router@next vue-loader@next
  6. npm安装
  7. npm运行开发
    • 编辑**

在此解决方案中,将以下行添加到webpack.mix.js

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

上述解决方案会产生另一个警告:
在./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)模块警告(from ./node_modules/postcss-loader/dist/cjs.js):警告
(2423:3)自动修复器:将color-adjust替换为print-color-adjust。color-adjust简写目前已弃用。
子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编译时有1个警告webpack编译时有1个警告
我该如何解决这个问题?

ybzsozfc

ybzsozfc1#

颜色调整速记目前已被弃用,它取决于autoprefixer@10.4.6(source)。
我可以通过将autoprefixer包和@Benno恢复到版本10.4.5来修复这个问题。运行以下命令:

npm install autoprefixer@10.4.5 --save-exact
ccrfmcuu

ccrfmcuu2#

你可能更新了你的npm软件包,我可以通过在lock.json软件包中将autofrefixer软件包恢复到10.4.5版本来修复这个问题。

q9rjltbz

q9rjltbz3#

当你有问题与autoprefixer也许是因为你的版本autoprefixer.你可以添加版本autoprefixer基于这个版本的问题autoprefixer.我有问题“打印颜色调整”和我添加代码对我的package.json更改我的autoprefixer成为版本“10.4.5”
当你使用npm

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

或者,当你用Yarn

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

别忘了删除你的package-lock和node_modules,然后重新安装npm。我觉得很好用(react-bootstrap.v.5)

vbopmzt1

vbopmzt14#

如果你不想添加额外的软件包来解决这个错误,那么试试这个:

Capitalize all the files and Directory name in your components folder

或者,如果上述解决方案不起作用,您可以运行此命令来安装软件包。

npm install autoprefixer@10.4.5 --save-exact

我使用ReactInertiaJSLaravel作为后端,这个解决方案在我的情况下工作。谢谢

dtcbnfnu

dtcbnfnu5#

我也遇到了同样的问题,每当我点击保存时,就会弹出一个恼人的错误代码。简单的解决方案是将以下代码添加到webpack.mixjs文件中:

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

停止npm run watch
添加一个软件包autoprefixer,在终端添加如下:

npm install autoprefixer@10.4.5 --save-exact

运行npm run watch,就不会再给予错了。

wf82jlnq

wf82jlnq6#

我在Laravel中通过更改文件./node_modules/bootstrap/scss/forms/_form-check.scss解决了这个问题
第28行.form-check-input样式的一部分将color-adjust: exact; // Keep themed appearance for print更改为print-color-adjust: exact; // Keep themed appearance for print

相关问题