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

最新推荐文章于 2024-03-31 12:58:47 发布
最新推荐文章于 2024-03-31 12:58:47 发布
阅读量2.3k 收藏 3
点赞数 7
分类专栏： 前端常见问题解决 文章标签： vite vue3 webpack vue2 vue报错解决详细教程 vue2项目转换vue3报错 如何解决v2转v3出现错误提示
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50545213/article/details/137005123
版权
前端常见问题解决 专栏收录该内容
108 篇文章 115 订阅 ¥9.90 ¥99.00
订阅专栏

报错说明

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

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

在这里插入图片描述

解决步骤

首先，因为

了解本专栏 订阅专栏 解锁全文
街尾杂货店&
关注
  • 7
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
订阅专栏
This experimental syntax requires enabling one of the following parser plugin(s): “jsx“, “flow“, “ty
xiaoxiannvh的博客
05-05 1644
报错： [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 4051
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 4627
解决方式： React的decorators装饰器报错@_程序燕的博客-CSDN博客_react 装饰器报错 5. 在项目根目录下创建 .babelrc 并写入以下内容 { "presets": [ "@babel/preset-env" ], "plugins": [ [ "@babel/plugin-proposal-decorators", { "legacy...
react之装饰器报错：This experimental syntax requires enabling one of the following parser plugin(s): “decor
liuye066的专栏
11-16 6586
在学习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 the parser plugin: ‘optionalChaining‘
qq_33051709的博客
11-07 4184
最近支援的小组开发，yarn 后，启动报错，别的小伙伴没有报错 原因一 node版本和项目版本不对 原因二 node版本切换之后没有删除node_modules下的.cache文件导致的
Syntax Error: Error: Cannot find module ‘vue/compiler-sfc‘
weixin_46176940的博客
04-09 562
由于vue-loader版本过高为@17.0.0。cnpm run dev启动项目时报错。
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0后台管理系统
05-02
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+...
基于Vue 3+ Vite+Vue-Router 4+Element-Plus+Echarts+Axios 开发的后台管理系统
06-14
基于Vue 3+ Vite+Vue-Router 4+Element-Plus+Echarts+Axios 开发的后台管理系统 项目经过严格测试，确保可以运行！ 基于 Spring Boot 和 Vue 以及相关技术栈开发。 前台商城系统包含首页门户、商品分类、新品上线、...
Vue3+Vite4+Element-Plus+TypeScript编写的一款后台管理系统（兼容移动端）
05-03
Vue3+Vite4+Element-Plus+TypeScript编写的一款后台管理系统（兼容移动端）；精简版是基于 vue-pure-admin 提炼出的架子，包含主体功能，更适合实际项目开发，打包后的大小在全局引入 element-plus 的情况下仍然低于...
使用vue3+ant-design-vue+vite+ts开发的通用中后台框架，实现了权限系统.zip
01-22
Vue 3.2 -- 使用vue3+ant-design-vue+vite+ts开发的通用中后台框架，实现了权限系统、动态菜单、国际化、mock数据、表格集成快速使用等功能，简洁干净开箱即用。. 各领域数据集，工具源码，适合毕业设计、课程设计...
vue3+vite+monorepo+qiankun+pnpm+vue-i18n、lodash、dayjs、windicss
08-05
vue3+vite+monorepo+qiankun+pnpm+vue-i18n、lodash、dayjs、windicss vue3+vite+monorepo+qiankun+pnpm+vue-i18n、lodash、dayjs、windicss vue3+vite+monorepo+qiankun+pnpm+vue-i18n、lodash、dayjs、windicss ...
vscode中的eslint报错
星环
09-09 6349
vscode eslint vue 报错
Vue3项目中，jsx配置不生效问题
m0_60820509的博客
08-11 4019
在vue3最新版本中，已作为预设项，也就是babel.config.js中jsx的plugins选项可写可不写。在script中加入 lang="jsx"， 如果是tsx，则改成 lang="tsx"
mobx装饰器报错
qq_45679015的博客
05-16 3097
报错：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
vue2项目突然无法编译通过，主因最近vue2升级版本了
hl234的专栏
07-04 4074
vue2项目突然无法编译通过，[@vue/compiler-sfc]the>>>and/deep/combinatorshavebeendeprecated.Use:deep()instead.
react项目升级报错、babel报错，.babelrc配置兼容等问题
关中刀客在青岛
08-02 2160
由于开发环境和项目版本的兼容问题，尝试升级了react-scripts后，一大堆问题接踵而至，翻遍了百度和csdn，往往解决了旧的又出现新的，或者开发没问题而打包时报错，现罗列一下遇到的主要问题和最终解决方案，以供参考。...
vue3下vue/compiler-sfc报错问题解决
最新发布
weixin_43941749的博客
03-31 1046
于是卸载台式机的node，重新安装14版本，删除项目的node_modules，重新install然后run server。于是我回忆了一下上午是在笔记本上跑的，下午是在台式。script标签加lang="jsx"发现笔记本上的是14，台式上的是18。马上对比了下两边的node版本。去百度的结果不尽人意...vue安装jsx模块。
web前端学习/工作笔记（十五）
kangzai的博客
10-10 1123
nginx、eslint规范、漏洞、安全扫描
[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、付费专栏及课程。

余额充值