vue3+vite - This experimental syntax requires enabling one of the following parser plugin(s): “jsx”,

已于 2025-01-15 17:07:24 修改
阅读量3.1k 收藏 4
点赞数 7
CC 4.0 BY-SA版权
分类专栏： 前端常见问题解决 前端组件与功能(开箱即用) Vue组件与功能(工作经验) 文章标签： vite vue3 webpack vue2 vue报错解决详细教程 vue2项目转换vue3报错 如何解决v2转v3出现错误提示
于 2024-03-25 10:08:24 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50545213/article/details/137005123

报错说明

在vue3+vite、或vue2+webpack、或vue2转vue3项目时，解决报错： [vue/compiler-sfc]This experimental syntax requires enabling one of the following parser plugin(s): “jsx”, “flow”, “typescript”.，莫名其妙的报错了。

如果我们报错差不多，就可以完美搞定报错恢复正常运行。

在这里插入图片描述

解决步骤

首先，因为

了解本专栏 订阅专栏 解锁全文
Vue3 - Vite 使用 vite-plugin-require-transform 插件运行或打包时出现报错，vue3 + vite 项目执行 build 打包时出现各种问题错误（保证完美解决）
资深程序员
01-01 7224
vue3，vite，vite-plugin-require-transform，打包报错，运行报错，npmrunbuild出现一堆报错，执行打包命令后出现报错怎么办，vue3+vite使用vite-plugin-require-transform插件build打包时报错如何解决，vue3项目中运行打包出现了很多警告提示报错，vue3使用阿里云ali-oss插件sdk导致打包报错解决方法，vue引入ali-oss阿里云oss的sdk运行build打包时报错，vite打包失败，import*as_vi
react之装饰器报错：This experimental syntax requires enabling one of the following parser plugin(s): “decor
liuye066的专栏
11-16 6905
在学习mobx时，遇到了“This experimental syntax requires enabling one of the following parser plugin(s): "decorators", "decorators-legacy". (5:0)“的错误，每次在@observer那里报错。在App.js中调用MobDemo： 在App.js中引入countStore，并将它赋值给store。2、在项目的根目录下创建config-overrides.js文件，并对应加入以下内容。
This experimental syntax requires enabling one of the following parser plugin(s): “jsx“, “flow“, “ty
xiaoxiannvh的博客
05-05 6020
报错： [vue/compiler-sfc]This experimental syntax requires enabling one of the following parser plugin(s): “jsx”, “flow”, “typescript”.翻译：这种实验语法需要启用以下解析器插件之一：“jsx”、“flow”、“typescript”。(4:13)
《Vite 报错》This experimental syntax requires enabling one of the following parser plugin(s): “jsx“
前端技术
02-22 8681
This experimental syntax requires enabling one of the following parser plugin(s): "jsx", "flow", "typescript
This experimental syntax requires enabling one of the following parser plugin(s): “decorators”
weixin_63896561的博客
05-11 4861
解决方式： React的decorators装饰器报错@_程序燕的博客-CSDN博客_react 装饰器报错 5. 在项目根目录下创建 .babelrc 并写入以下内容 { "presets": [ "@babel/preset-env" ], "plugins": [ [ "@babel/plugin-proposal-decorators", { "legacy...
This experimental syntax requires enabling the parser plugin: ‘optionalChaining‘
qq_33051709的博客
11-07 5836
最近支援的小组开发，yarn 后，启动报错，别的小伙伴没有报错 原因一 node版本和项目版本不对 原因二 node版本切换之后没有删除node_modules下的.cache文件导致的
vue3中.vue文件使用jsx语法报错
qq_33852698的博客
03-18 1905
最后问题完美解决，总结就是：这个年代还是要与时俱进，学会和。沟通能够加快自己的检索速度，与君共勉！到了这里，猜测是因为报错的地方使用了。的项目可能不支持该语法，通过询问。
[plugin:vite:vue] [vue/compiler-sfc] This experimental syntax requires enabling one of the following parser plugin(s): "jsx", "flow", "typescript". (9:6)
03-08
好的，我现在要解决用户在Vue项目中遇到的编译错误，具体是“[vue/compiler-sfc] This experimental syntax requires enabling one of the following parser plugin(s): 'jsx', 'flow', 'typescript'”这个问题。...
[vite:vue] [vue/compiler-sfc] This experimental syntax requires enabling one of the following parser plugin(s): "jsx", "flow", "typescript". (10:6) 打包的时候报错
03-22
可能需要的包包括@vitejs/plugin-vue-jsx，这个插件可以让Vite支持Vue中的JSX语法。然后，检查vite.config.js文件是否正确配置了Vue插件和JSX插件。例如，引入vue和vueJsx插件，并在plugins数组中正确使用它们。 ...
[vue/compiler-sfc] This experimental syntax requires enabling one of the following parser plugin(s): "jsx", "flow", "typescript". (47:18)
06-06
这个错误信息是由 Vue.js 的编译器引起的，它提示你在编译 SFC（单文件组件）时使用了实验性的语法，并且需要启用以下解析器插件之一："jsx"，"flow"，"typescript"。 如果你在单文件组件中使用了 JSX、Flow 或 ...
This experimental syntax requires enabling the parser plugin: optionalchainingAssign
最新发布
06-21
我们正在处理一个关于Vite构建工具的问题。用户遇到了一个错误，提示不支持可选链操作符的赋值语法（optionalChainingAssign）。根据引用[1]，我们需要在Vite配置中启用相应的解析插件。用户的需求是：如何启用支持...
vue3 vite搭建项目 使用jsx语法报错问题
KKDKK_的博客
02-01 3052
注意 需要根据vite版本进行对应版本安装，否则引入会报错（vite.createFilter is not a function.....）因为vue3中使用了jsx语法，但是并未配置相关的插件。安装 @vitejs/plugin-vue-jsx。安装后需在vite.config.js中引入。我的项目是quasar框架，引入方式略有不同。
vscode中的eslint报错
星环
09-09 7158
vscode eslint vue 报错
mobx装饰器报错
qq_45679015的博客
05-16 3465
报错：Parsing error: This experimental syntax requires enabling one of the following parser plugin(s): "decorators-legacy", "decorators". 原因：这个实验性语法需要启用以下解析器插件之一:"decorator -legacy"， "decorator " 解决：安装babel插件转换器即可 yarn add @babel/plugin-proposal-decorator
react项目升级报错、babel报错，.babelrc配置兼容等问题
关中刀客在青岛
08-02 2404
由于开发环境和项目版本的兼容问题，尝试升级了react-scripts后，一大堆问题接踵而至，翻遍了百度和csdn，往往解决了旧的又出现新的，或者开发没问题而打包时报错，现罗列一下遇到的主要问题和最终解决方案，以供参考。...
vue3下vue/compiler-sfc报错问题解决
weixin_43941749的博客
03-31 2365
于是卸载台式机的node，重新安装14版本，删除项目的node_modules，重新install然后run server。于是我回忆了一下上午是在笔记本上跑的，下午是在台式。script标签加lang="jsx"发现笔记本上的是14，台式上的是18。马上对比了下两边的node版本。去百度的结果不尽人意...vue安装jsx模块。
vue2项目突然无法编译通过，主因最近vue2升级版本了
hl234的专栏
07-04 4313
vue2项目突然无法编译通过，[@vue/compiler-sfc]the>>>and/deep/combinatorshavebeendeprecated.Use:deep()instead.
web前端学习/工作笔记（十五）
kangzai的博客
10-10 1240
nginx、eslint规范、漏洞、安全扫描
报错 - [vite] Internal server error: [vue/compiler-sfc] Identifier ‘onMounted‘ has already been dec
weixin_42479421的博客
11-08 5799
报错，少东西
[vue/compiler-sfc] This experimental syntax requires enabling one of the following parser plugin(s): "jsx", "flow", "typescript
07-28
To enable the experimental syntax in Vue's Single File Components (SFCs), you need to enable one of the following parser plugins: "jsx", "flow", or "typescript". This will allow you to use JSX syntax, Flow types, or TypeScript in your SFCs. To enable the plugin, you will need to configure your build system or bundler accordingly. For example, if you are using Babel, you can install the necessary plugin and update your configuration file (e.g., `.babelrc` or `babel.config.js`) to include it. Here is an example configuration for Babel: ```json { "plugins": ["@babel/plugin-syntax-jsx"] } ``` Make sure to install the required plugin by running: ``` npm install --save-dev @babel/plugin-syntax-jsx ``` If you are using a different build system or bundler, refer to its documentation on how to enable the necessary parser plugin. Please note that experimental syntax may change or be removed in future versions, so it's important to keep your dependencies and configurations up to date.
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

十一猫咪爱养鱼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值