快捷導(dǎo)航

vue項目使用可選鏈操作符編譯報錯問題及解決

更新時間：2024年03月19日 09:50:42 作者：果真zZ

這篇文章主要介紹了vue項目使用可選鏈操作符編譯報錯問題及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教

vue項目使用可選鏈操作符編譯報錯

const a = b?.c?.d

報錯如下：

Support for the experimental syntax ‘optionalChaining’ isn’t currently enabled

解決方案

需要安裝babel依賴@babel/plugin-proposal-optional-chaining,并添加到babel.config.js中

yarn add @babel/plugin-proposal-optional-chaining

在babel.config.js中添加

module.exports = {
  presets: ['@vue/app'],
  plugins: ["@babel/plugin-proposal-optional-chaining"]
}

vue項目啟動出現(xiàn)可選鏈?:操作符解析失敗

問題描述

vue項目中引入了其他npm包，包中使用可選鏈操作符?:

本地npm run serve啟動時，之前都正常，這次報錯了，無法啟動。

解決步驟（2步）

1. 安裝：（注意安裝對應(yīng)的版本號，版本號不匹配時，還是會報錯）

npm install @babel/plugin-proposal-optional-chaining --save-dev

空值合并運(yùn)算符（??：）是：

@babel/plugin-proposal-nullish-coalescing-operator

2.在babel.config.js中配置：

module.exports = {
        ......
 
        plugins: ["@babel/plugin-proposal-optional-chaining", "@babel/plugin-proposal-nullish-coalescing-operator"]
 
}

問題截圖

Module parse failed: Unexpected token

總結(jié)

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

vite+vue3項目報錯：TypeError:?Promise.allSettled?is?not?a?fu
Vite+Vue3項目中遇到“TypeError:?Promise.allSettled?is?not?a?function”錯誤,通常是因為當(dāng)前運(yùn)行的JavaScript環(huán)境不支持Promise.allSettled,下面就來介紹幾種解決方法,感興趣的可以了解一下
2024-12-12
vue3?使用setup語法糖實現(xiàn)分類管理功能
這篇文章主要介紹了vue3?使用setup語法糖實現(xiàn)分類管理,本次模塊使用 vue3+element-plus 實現(xiàn)一個新聞?wù)镜暮笈_分類管理模塊，其中新增、編輯采用對話框方式公用一個表單，需要的朋友可以參考下
2022-08-08
vuejs使用遞歸組件實現(xiàn)樹形目錄的方法
本篇文章主要介紹了vuejs使用遞歸組件實現(xiàn)樹形目錄的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-09-09
Vue+ElementUI?實現(xiàn)分頁功能-mysql數(shù)據(jù)
這篇文章主要介紹了Vue+ElementUI?實現(xiàn)分頁查詢-mysql數(shù)據(jù)，當(dāng)數(shù)據(jù)庫中數(shù)據(jù)比較多時,就每次只查詢一部分來緩解服務(wù)器和頁面壓力。這里使用elementui的?Pagination?分頁?組件,配合mysql的limit語句，實現(xiàn)分頁查詢mysql數(shù)據(jù),下面來看看具體實現(xiàn)過程,希望對大家學(xué)習(xí)有所幫助
2021-12-12
Vue3 組合式函數(shù)Composable最佳實戰(zhàn)
這篇文章主要為大家介紹了Vue3 組合式函數(shù)Composable最佳實戰(zhàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-06-06
解決Vue在Tomcat8下部署頁面不加載的問題
今天小編就為大家分享一篇解決Vue在Tomcat8下部署頁面不加載的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-11-11
基于Vue實現(xiàn)我的錢包充值功能的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何基于Vue實現(xiàn)我的錢包充值功能,文中的示例代碼簡潔易懂,具有一定的借鑒價值,有需要的小伙伴可以參考一下
2024-01-01
Vue 中如何將函數(shù)作為 props 傳遞給組件的實現(xiàn)代碼
這篇文章主要介紹了Vue 中如何將函數(shù)作為 props 傳遞給組件的實現(xiàn)代碼,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2020-05-05
Vue中watch的多種使用方法小結(jié)
Vue的watch選項提供了多種方法來觀測數(shù)據(jù)屬性的變化,讓我們能夠編寫更加優(yōu)雅和維護(hù)性更高的代碼,本文給大家介紹Vue中watch的多種使用方法小結(jié),感興趣的朋友一起看看吧
2023-10-10
django+vue項目搭建實現(xiàn)前后端通信
本文主要介紹了django+vue項目搭建實現(xiàn)前后端通信，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-02-02