欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vite中sass警告JS?API過期的原因及解決辦法

 更新時間：2025年07月18日 09:52:20   作者：CssHero  
這篇文章主要介紹了vite中sass警告JS?API過期的原因及解決辦法,文中通過代碼介紹的非常詳細,對同樣遇到這個問題的同學(xué)具有一定的參考借鑒價值,需要的朋友可以參考下

1.問題

  • 在Vite創(chuàng)建項目中引入Sass彈出The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0

- vite中sass警告JS API過期

  • The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0
  • 警告提示表明你當(dāng)前正在使用的 Dart Sass 版本中，舊的 JavaScript API 已經(jīng)被棄用

2.產(chǎn)生原因和解決方法

- 訪問sass官網(wǎng)

  • SASS_JS_API網(wǎng)站

  • 由于是vite創(chuàng)建的項目，翻到Bundles部分，通過紅框可以看出Vite仍然默認使用傳統(tǒng)的API，需要通過Vite設(shè)置api為"modern"或"modern-compiler"，即可解決

  • 圖片紅框部分翻譯：Vite仍然默認使用傳統(tǒng)的API，但您可以通過將api設(shè)置為"modern"或"modern-compiler"來類似地切換它。請參閱Vite的文檔以了解更多詳細信息。

- 訪問Vite官網(wǎng)

  • 在css.preprocessorOptions部分發(fā)現(xiàn)sass/scss的api默認值為 "legacy"
  • 配置Vite.config.ts文件，即可解決

import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'

export default defineConfig({
  // 設(shè)置scss的api類型為modern-compiler
  css: {
    preprocessorOptions: {
      scss: {
        api: 'modern-compiler'
      }
    }
  },

  plugins: [ vue(),vueJsx()],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  }
})

小結(jié)

本文解決在Vite創(chuàng)建的項目中引入Sass時，

  • 彈出The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.警告，舊的 JavaScript API 已經(jīng)被棄用
  • 通過Sass官網(wǎng)和Vite官網(wǎng)配置api為modern-compiler成功解決

到此這篇關(guān)于vite中sass警告JS API過期的原因及解決辦法的文章就介紹到這了,更多相關(guān)vite sass警告JS API過期內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

  • vue實現(xiàn)全屏滾動效果（非fullpage.js）

    vue實現(xiàn)全屏滾動效果（非fullpage.js）

    這篇文章主要為大家詳細介紹了vue實現(xiàn)全屏滾動效果，非fullpage.js，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2020-03-03
  • 原生echart和vue-echart的使用詳解

    原生echart和vue-echart的使用詳解

    這篇文章主要為大家詳細介紹了原生echart和vue-echart的使用，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
    2022-02-02
  • vue圖片壓縮與批量上傳方式

    vue圖片壓縮與批量上傳方式

    文章介紹了使用Vue和Element UI的el-upload組件實現(xiàn)圖片的批量上傳和壓縮功能,前端需引入image-conversion庫并設(shè)置相關(guān)屬性,關(guān)閉自動上傳,通過on-change事件校驗文件名和大小,并增加一個提交到服務(wù)器的按鈕
    2025-01-01
  • vue業(yè)務(wù)實例之組件遞歸及其應(yīng)用

    vue業(yè)務(wù)實例之組件遞歸及其應(yīng)用

    目中出現(xiàn)多級菜單時,需要多層for循環(huán)時,但是當(dāng)菜單增加層級時,需要在頁面結(jié)構(gòu)中增加一層for循環(huán),這時我們可以使用組件遞歸的思想來實現(xiàn),下面這篇文章主要給大家介紹了關(guān)于vue業(yè)務(wù)實例之組件遞歸及其應(yīng)用的相關(guān)資料,需要的朋友可以參考下
    2022-05-05
  • vue2.0 獲取從http接口中獲取數(shù)據(jù),組件開發(fā),路由配置方式

    vue2.0 獲取從http接口中獲取數(shù)據(jù),組件開發(fā),路由配置方式

    今天小編就為大家分享一篇vue2.0 獲取從http接口中獲取數(shù)據(jù),組件開發(fā),路由配置方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-11-11
  • Vue中使用ECharts與v-if的問題和解決方案

    Vue中使用ECharts與v-if的問題和解決方案

    在Vue項目中使用v-if指令控制ECharts圖表顯示時,可能會遇到圖表無法正常渲染或顯示錯誤的問題,下面這篇文章主要介紹了Vue中使用ECharts與v-if的問題和解決方案,需要的朋友可以參考下
    2024-10-10
  • 使用Vue實現(xiàn)調(diào)用接口加載頁面初始數(shù)據(jù)

    使用Vue實現(xiàn)調(diào)用接口加載頁面初始數(shù)據(jù)

    今天小編就為大家分享一篇使用Vue實現(xiàn)調(diào)用接口加載頁面初始數(shù)據(jù)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-10-10
  • Vue路由傳參props解耦的三種方式小結(jié)

    Vue路由傳參props解耦的三種方式小結(jié)

    這篇文章主要介紹了Vue路由傳參props解耦的三種方式小結(jié)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
    2022-12-12
  • 解決vue 綁定對象內(nèi)點擊事件失效問題

    解決vue 綁定對象內(nèi)點擊事件失效問題

    今天小編就為大家分享一篇解決vue 綁定對象內(nèi)點擊事件失效問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-09-09
  • vue左右滑動選擇日期組件封裝的方法

    vue左右滑動選擇日期組件封裝的方法

    這篇文章主要為大家詳細介紹了vue左右滑動選擇日期組件封裝的方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2022-04-04

最新評論