vue項(xiàng)目使用可選鏈操作符編譯報錯問題及解決
vue項(xiàng)目使用可選鏈操作符編譯報錯
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àng)目啟動出現(xiàn)可選鏈?:操作符解析失敗
問題描述
vue項(xiàng)目中引入了其他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)驗(yàn),希望能給大家一個參考,也希望大家多多支持腳本之家。
- vue3+vite使用postcss-pxtorem、autoprefixer自適應(yīng)和自動添加前綴
- vue3成功創(chuàng)建項(xiàng)目后?run?serve啟動項(xiàng)目報錯的解決
- 解決vue2使用腳手架配置prettier報錯prettier/prettier:context.getPhysicalFilename is not a function
- vue3配置Element及element-plus/lib/theme-chalk/index.css報錯的解決
- 解決Vue Loading PostCSS Plugin failed:Cannot find module autoprefixer問題
相關(guān)文章
vuex存儲復(fù)雜參數(shù)(如對象數(shù)組等)刷新數(shù)據(jù)丟失的解決方法
今天小編就為大家分享一篇vuex存儲復(fù)雜參數(shù)(如對象數(shù)組等)刷新數(shù)據(jù)丟失的解決方法。具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11Vue3.x源碼調(diào)試的實(shí)現(xiàn)方法
這篇文章主要介紹了Vue3.x源碼調(diào)試的實(shí)現(xiàn)方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10vue中echarts點(diǎn)擊事件點(diǎn)擊一次多次觸發(fā)問題
這篇文章主要介紹了vue中echarts點(diǎn)擊事件點(diǎn)擊一次多次觸發(fā)問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-06-06