sass版本错误 Recommendation: math.div($grid-gutter, 3) or calc($grid-gutter / 3)

在尝试导入Sass时遇到控制台报错警告,问题根源被识别为版本差异。降级到1.32.12版本后,警告消失,程序运行正常。这表明特定版本的Sass可能存在兼容性问题。

今天在导入sass的时候出现这么一个错误 不耽误运行  但是控制台报了一堆警告

然后在一篇帖子上看到是版本的原因

降低到1.32.12确实不报错了 

 

[root@yfw jsxc-master]# cat package.json | grep -A 10 "scripts" "scripts": { "start": "yarn build", "watch": "webpack --progress --config webpack.config.js --mode development --watch", "build": "webpack --progress --config webpack.config.js --mode production", "build:dev": "webpack --progress --config webpack.config.js --mode development", "build:release": "webpack --progress --config webpack.config.js --mode production --release", "build:analyze": "webpack --progress --config webpack.config.js --mode development --bundleAnalyzer", "dev": "webpack serve --mode development", "test": "karma start --single-run", "fix": "run-p --continue-on-error --print-label fix-*", "fix-typescript-format": "eslint \"src/**/*.ts\" --fix && prettier src/ --write", -- "prepare-commit-msg": "node scripts/prepare-commit-msg.js HUSKY_GIT_PARAMS", "pre-commit": "run-s lint:staged checking-typescript", "commit-msg": "commitlint -E HUSKY_GIT_PARAMS" } }, "lint-staged": { "src/*": [ "eslint", "prettier --check" ], "scss/*": [ [root@yfw jsxc-master]# npm run dev > @jsxc/jsxc@4.4.0 dev /www/wwwroot/szrengjing.com/jsxc/jsxc-master > webpack serve --mode development git: 'git' is not a git command. See 'git --help'. The most similar command is init [Git] Not available: Command failed: git git rev-parse HEAD git: 'git' is not a git command. See 'git --help'. The most similar command is init ℹ 「wds」: Project is running at http://localhost:8091/ ℹ 「wds」: webpack output is served from /dist/ ℹ 「wds」: Content not from webpack is served from /www/wwwroot/szrengjing.com/jsxc/jsxc-master Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. Recommendation: math.div($grid-gutter-width, 2) or calc($grid-gutter-width / 2) More info and automated migrator: https://sass-lang.com/d/slash-div368 │ $navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default; │ ^^^^^^^^^^^^^^^^^^^^^^ ╵ node_modules/bootstrap-sass/assets/stylesheets/bootstrap/_variables.scss 368:43 @import scss/vendor/_all.scss 25:9 @import scss/main.scss 13:9 root stylesheet Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. Recommendation: math.div($navbar-height - $line-height-computed, 2) or calc(($navbar-height - $line-height-computed) / 2) More info and automated migrator: https://sass-lang.com/d/slash-div369 │ $navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2) !default; │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ╵ node_modules/bootstrap-sass/assets/stylesheets/bootstrap/_variables.scss 369:37 @import scss/vendor/_all.scss 25:9 @import scss/main.scss 13:9 root stylesheet Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. Recommendation: math.div($line-height-computed - 1, 2) or calc(($line-height-computed - 1) / 2) More info and automated migrator: https://sass-lang.com/d/slash-div ╷ 43 │ padding: (($line-height-computed - 1) / 2); │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ╵ node_modules/bootstrap-sass/assets/stylesheets/bootstrap/_code.scss 43:13 @import scss/vendor/_all.scss 51:11 @import scss/main.scss 13:9 root stylesheet Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. Recommendation: math.div($line-height-computed, 2) or calc($line-height-computed / 2) More info and automated migrator: https://sass-lang.com/d/slash-div ╷ 44 │ margin: 0 0 ($line-height-computed / 2); │ ^^^^^^^^^^^^^^^^^^^^^^^^^ ╵ node_modules/bootstrap-sass/assets/stylesheets/bootstrap/_code.scss 44:16 @import scss/vendor/_all.scss 51:11 @import scss/main.scss 13:9 root stylesheet Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. Recommendation: math.div($gutter, 2) or calc($gutter / 2) More info and automated migrator: https://sass-lang.com/d/slash-div ╷ 7 │ padding-right: ceil(($gutter / 2)); │ ^^^^^^^^^^^ ╵ node_modules/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_grid.scss 7:24 container-fixed() node_modules/bootstrap-sass/assets/stylesheets/bootstrap/_grid.scss 11:3 @import scss/vendor/_all.scss 52:11 @import scss/main.scss 13:9 root stylesheet Warning: 10 repetitive deprecation warnings omitted. ⚠ 「wdm」: assets by path images/emojione/*.svg 3.05 MiB 1832 assets assets by path images/icons/*.svg 95.1 KiB 42 assets assets by path images/filetypes/ 29.9 KiB 40 assets assets by path example/ 249 KiB 12 assets assets by path images/*.svg 14.8 KiB 9 assets assets by path assets/ 262 KiB 6 assets assets by path images/emoticons/*.svg 36.7 KiB 6 assets assets by path images/presence/*.svg 9.21 KiB 5 assets assets by path sound/ 102 KiB 4 assets assets by path fonts/ 28 KiB 4 assets assets by chunk 12.8 MiB (name: main) asset jsxc.bundle.js 12.5 MiB [emitted] [big] (name: main) asset styles/jsxc.bundle.css 298 KiB [emitted] (name: main) 4 assets Entrypoint main [big] 12.8 MiB (262 KiB) = styles/jsxc.bundle.css 298 KiB jsxc.bundle.js 12.5 MiB 6 auxiliary assets runtime modules 1.65 KiB 9 modules javascript modules 4.26 MiB modules by path ./node_modules/ 3.05 MiB 267 modules modules by path ./src/ 1.12 MiB 226 modules modules by path ./template/ 95.6 KiB modules by path ./template/*.hbs 95.1 KiB 30 modules modules by path ./template/helpers/*.js 535 bytes 2 modules modules by path ./sound/*.mp3 158 bytes 3 modules modules by path ./images/ 106 bytes ./images/XMPP_logo.png 52 bytes [built] [code generated] ./images/icons/placeholder.svg 54 bytes [built] [code generated] json modules 461 KiB 30 modules css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./scss/main.scss 297 KiB [built] [code generated] WARNING in ./node_modules/strophe.js/dist/strophe.umd.js 66:44-71 Module not found: Error: Can't resolve 'xmldom' in '/www/wwwroot/szrengjing.com/jsxc/jsxc-master/node_modules/strophe.js/dist' @ ./src/vendor/Strophe.ts 4:17-38 @ ./src/plugins/MessageDeliveryReceiptsPlugin.ts 22:16-44 @ ./src/bootstrap/plugins.ts 5:38-89 @ ./src/index.ts 3:0-30 1 warning has detailed information that is not shown. Use 'stats.errorDetails: true' resp. '--stats-error-details' to show it. webpack 5.65.0 compiled with 1 warning in 18027 ms ℹ 「wdm」: Compiled with warnings. No issues found.
最新发布
11-11
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值