npm run build で Deprecation Warning
ローンチ直前、ビルドでWarning
$ npm run build
> build
> vite build
vite v3.2.4 building for production...
transforming (108) node_modules/@popperjs/core/lib/utils/getVariation.jsDeprecation Warning: $weight: Passing a number without unit % (100) is deprecated.
To preserve current behavior: $weight * 1%
More info: https://sass-lang.com/d/function-units
╷
201 │ @return mix(rgba($foreground, 1), $background, opacity($foreground) * 100);
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
node_modules/bootstrap/scss/_functions.scss 201:11 opaque()
node_modules/bootstrap/scss/mixins/_table-variants.scss 4:28 table-variant()
node_modules/bootstrap/scss/_tables.scss 147:3 @import
node_modules/bootstrap/scss/bootstrap.scss 20:9 @import
resources/sass/app.scss 8:9 root stylesheet
多分、sassのバージョンが上がってしまいBootstrapと合っていないのかと思う。
なので、両方とも最新バージョンへあげてみる。
$ npm install sass
$ npm install bootstrap
これでとりあえず解決。
因みにバージョンを指定する場合は
$ npm install -D sass@1.56.1
$ npm install -D bootstrap@5.2.3
現在のバージョンを確認する場合は
$ npm list
最近の投稿
![JACC第29回大会](https://playwork-lab.jp/wp-content/uploads/blog-150x150.jpg)
2024/06/05
![AI(アプリシエイティブ・インクワイアリー)による組織開発を学ぶ:入門編](https://playwork-lab.jp/wp-content/uploads/20240629_AI2-150x150.png)
2024/04/13
![スーパービジョンをもっと身近に-スーパービジョン、さあ行こう!](https://playwork-lab.jp/wp-content/uploads/SV-1_20240519-150x150.png)
2024/04/01
![](https://playwork-lab.jp/wp-content/uploads/OD_CD_CDP3-150x150.png)
2023/08/20
![発達障害支援入門](https://playwork-lab.jp/wp-content/uploads/ea5dcfd40cb2172536a5ee36ffd1b2ab-150x150.png)
2023/07/01
2023/04/01
![LEGO®SERIOUS PLAY®](https://playwork-lab.jp/wp-content/uploads/c2ba0c05057351ea529846ed0a1ec5dd-150x150.jpg)
2022/12/10
2022/12/06
![](https://playwork-lab.jp/wp-content/uploads/c11b927b990fceda9cf4e2cefd7f3821-150x150.jpg)
2022/11/17
![JACC第27回大会](https://playwork-lab.jp/wp-content/uploads/OGP_JACC27th-150x150.png)
2022/07/16