最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

SyntaxError:?/xx.vue:?Unexpected?token,?expected?“,“錯誤解決

 更新時間:2023年08月20日 09:05:27   作者:天渺工作室  
這篇文章主要為大家介紹了SyntaxError:?/xx.vue:?Unexpected?token,?expected?“,“錯誤解決方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪

錯誤

本地老工程vue2.7.x+webpack4在升級webpack5的時候遇啟動和打包報錯:

Syntax Error: SyntaxError: /xxxxx.vue Unexpected token, expected "," (1:8)
> 1 | [object Promise]
    |         ^
  2 | export { render, staticRenderFns }

最后才發(fā)現(xiàn)是prettier導致的。

推薦看看stackoverflow上面這個回答。Update Nodejs 14->18 — webpack have the same syntaxError: /.../xxx.vue: Unexpected token, expected "," (1:8) for ALL Vue 2 components in the project

導致原因

在prettier v3.0.0中,默認值從es5更改為all

Default value changed from es5 to all in v3.0.0
Print trailing commas wherever possible in multi-line comma-separated syntactic structures. (A single-line array, for example, never gets trailing commas.)
Valid options:
"all" - Trailing commas wherever possible (including function parameters and calls). To run, JavaScript code formatted this way needs an engine that supports ES2017 (Node.js 8+ or a modern browser) or downlevel compilation. This also enables trailing commas in type parameters in TypeScript (supported since TypeScript 2.7 released in January 2018).
"es5" - Trailing commas where valid in ES5 (objects, arrays, etc.). No trailing commas in type parameters in TypeScript.
"none" - No trailing commas.

解決

  • prettier插件版本回退到v2.8.8

"prettier":"v2.8.8"

  • vue-loader配置prettify: false。
{
        test: /\.vue$/,
        loader: 'vue-loader',
        options: {
          // vue loader在處理.vue模板時默認不用prettier格式化
          prettify: false,
        },
   },

以上就是SyntaxError: /xx.vue: Unexpected token, expected “,“錯誤解決的詳細內(nèi)容,更多關于SyntaxError vue 解決的資料請關注腳本之家其它相關文章!

相關文章

  • vue-cookies使用方法與vue使用獲取cookie實現(xiàn)過程

    vue-cookies使用方法與vue使用獲取cookie實現(xiàn)過程

    本文主要介紹了 Vue 中使用 vue-cookies 庫的操作方法,包括安裝、引入、設置、獲取、刪除 cookies 等,并針對瀏覽器存在 cookie 前端卻獲取不到的問題進行了分析,提出了解決方案
    2026-04-04
  • 深度解析Vue3實現(xiàn)日歷組件的五大主流方案

    深度解析Vue3實現(xiàn)日歷組件的五大主流方案

    在 Vue3 項目開發(fā)中,日歷組件是日程管理,預約系統(tǒng),數(shù)據(jù)可視化等場景的核心組件,本文將從易用性,擴展性,性能三個維度,深入分析 5 款主流 Vue3 日歷組件,并提供選型建議,幫助開發(fā)者快速找到適配場景的最佳方案
    2026-04-04
  • vue實現(xiàn)圖片滾動的示例代碼(類似走馬燈效果)

    vue實現(xiàn)圖片滾動的示例代碼(類似走馬燈效果)

    下面小編就為大家分享一篇vue實現(xiàn)圖片滾動的示例代碼(類似走馬燈效果),具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-03-03
  • Vue路由對象屬性 .meta $route.matched詳解

    Vue路由對象屬性 .meta $route.matched詳解

    今天小編就為大家分享一篇Vue路由對象屬性 .meta $route.matched詳解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-11-11
  • vue使用echarts時created里拿到的數(shù)據(jù)無法渲染的解決

    vue使用echarts時created里拿到的數(shù)據(jù)無法渲染的解決

    這篇文章主要介紹了vue使用echarts時created里拿到的數(shù)據(jù)無法渲染的解決方案,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-03-03
  • Vue動畫之第三方類庫實現(xiàn)動畫方式

    Vue動畫之第三方類庫實現(xiàn)動畫方式

    這篇文章主要介紹了Vue動畫之第三方類庫實現(xiàn)動畫方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-04-04
  • Vue強制組件重新渲染的方法討論

    Vue強制組件重新渲染的方法討論

    這篇文章給大家詳細介紹了Vue強制組件重新渲染的正確方法,非常的實用,有需要的小伙伴可以參考下
    2020-02-02
  • 簡單理解Vue中的nextTick方法

    簡單理解Vue中的nextTick方法

    本篇文章主要介紹了簡單理解Vue中的nextTick方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-01-01
  • vue3數(shù)組或對象賦值不更新解決方法示例

    vue3數(shù)組或對象賦值不更新解決方法示例

    這篇文章主要為大家介紹了vue3數(shù)組或對象賦值不更新解決方法示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-11-11
  • vue3中的 $attrs 與 Attributes 繼承

    vue3中的 $attrs 與 Attributes 繼承

    這篇文章主要介紹了vue3中的 $attrs 與 Attributes 繼承的相關資料,首先介紹了什么是Attributes 繼承,結合實例代碼給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧
    2024-02-02

最新評論

赤城县| 故城县| 财经| 且末县| 金坛市| 禄丰县| 蓝田县| 吴旗县| 肥城市| 且末县| 阿图什市| 高雄市| 建水县| 资溪县| 兴业县| 门头沟区| 若尔盖县| 长沙市| 大田县| 桐柏县| 乳山市| 涿鹿县| 临夏县| 昌都县| 绿春县| 海阳市| 磴口县| 疏勒县| 阿克| 景东| 聂拉木县| 满城县| 乌鲁木齐县| 株洲县| 平顺县| 商洛市| 奉新县| 华池县| 泰安市| 广西| 东乡族自治县|