如何在创建laravel项目时解决此警告?
1子编译中的警告(使用'stats. children:true 'resp.'--stats-children '了解更多详情)
复制步骤:
- composer create-project--prefer-dist laravel/laravel example
- cd示例
- composer 需要laravel/ui
- php artisan ui vue--auth
- npm install vue@next vue-router@next vue-loader@next
- npm安装
- 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个警告
我该如何解决这个问题?
6条答案
按热度按时间ybzsozfc1#
颜色调整速记目前已被弃用,它取决于autoprefixer@10.4.6(source)。
我可以通过将autoprefixer包和@Benno恢复到版本10.4.5来修复这个问题。运行以下命令:
ccrfmcuu2#
你可能更新了你的npm软件包,我可以通过在lock.json软件包中将autofrefixer软件包恢复到10.4.5版本来修复这个问题。
q9rjltbz3#
当你有问题与autoprefixer也许是因为你的版本autoprefixer.你可以添加版本autoprefixer基于这个版本的问题autoprefixer.我有问题“打印颜色调整”和我添加代码对我的package.json更改我的autoprefixer成为版本“10.4.5”
当你使用npm
或者,当你用Yarn
别忘了删除你的package-lock和node_modules,然后重新安装npm。我觉得很好用(react-bootstrap.v.5)
vbopmzt14#
如果你不想添加额外的软件包来解决这个错误,那么试试这个:
或者,如果上述解决方案不起作用,您可以运行此命令来安装软件包。
我使用
React
与InertiaJS
和Laravel
作为后端,这个解决方案在我的情况下工作。谢谢dtcbnfnu5#
我也遇到了同样的问题,每当我点击保存时,就会弹出一个恼人的错误代码。简单的解决方案是将以下代码添加到webpack.mixjs文件中:
停止npm run watch
添加一个软件包autoprefixer,在终端添加如下:
运行npm run watch,就不会再给予错了。
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