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. 安裝：（注意安裝對應的版本號，版本號不匹配時，還是會報錯）
npm install @babel/plugin-proposal-optional-chaining --save-dev
空值合并運算符（??：）是：
@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
總結
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關文章
vuex存儲復雜參數(shù)(如對象數(shù)組等)刷新數(shù)據(jù)丟失的解決方法
今天小編就為大家分享一篇vuex存儲復雜參數(shù)(如對象數(shù)組等)刷新數(shù)據(jù)丟失的解決方法。具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
這篇文章主要介紹了Vue3.x源碼調試的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-10-10
這篇文章主要介紹了element-ui 本地化使用教程詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-10-10
css文件可以直接引入到main.js中,scss文件如果沒有scss特殊語法也可以直接引入index.js,只有scss文件中的特殊語法全局引入的時候無法顯示,所以需要特殊處理,下面這篇文章主要給大家介紹了關于vue全局引入scss樣式文件的相關資料,需要的朋友可以參考下2022-11-11
這篇文章主要介紹了基于elementUI豎向表格、和并列的案例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
這篇文章主要介紹了Vue js with語句原理及用法解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-09-09
在本篇文章里小編給大家整理了關于vue下canvas裁剪圖片實例講解內容，需要的朋友們可以參考下。2020-04-04
這篇文章主要介紹了vue中echarts點擊事件點擊一次多次觸發(fā)問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-06-06
這篇文章主要介紹了如何使用vue3打造一個物料庫，幫助大家更好的理解和學習使用vue框架，感興趣的朋友可以了解下2021-05-05
在vue3中父組件訪問子組件中的屬性和方法是需要借助于ref,蘇哦一本文小編給大家介紹了vue3父組件如何使用ref獲取獲取子組件的屬性和方法,文中詳細的代碼講解,需要的朋友可以參考下2023-11-11