vue项目启动出现可选链?:操作符解析失败

最新推荐文章于 2025-03-05 22:04:18 发布

厨樱

最新推荐文章于 2025-03-05 22:04:18 发布

阅读量2k

点赞数

分类专栏：前端前端工程化文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/michiko98/article/details/130732784

版权

前端同时被 2 个专栏收录

46 篇文章

订阅专栏

前端工程化

20 篇文章

订阅专栏

在Vue项目中引入使用可选链操作符(?)的npm包导致启动失败。为解决此问题，需要安装@babel/plugin-proposal-optional-chaining和@babel/plugin-proposal-nullish-coalescing-operator的对应版本，并在babel.config.js中配置这两个插件。但即使这样，仍可能出现Moduleparsefailed:Unexpectedtoken的错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题描述：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