vue中报错Support for the experimental syntax ‘classProperties‘ isn‘t currently enabled (6:19):

最新推荐文章于 2023-12-15 22:36:00 发布
最新推荐文章于 2023-12-15 22:36:00 发布
阅读量315 收藏 1
点赞数
分类专栏： vue.js 文章标签： javascript css vue.js html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44774831/article/details/117004911
版权

在前端项目中配置websocket时出现下面这个错误
在这里插入图片描述
解决办法：

先在控制台输入：

npm i -D @babel/plugin-proposal-class-properties

然后到babel.config.js里面加

module.exports = {
    plugins: [ "@babel/plugin-transform-arrow-functions", "@babel/plugin-proposal-class-properties" ]
}

ok！！！这样就解决了

sing__star
关注
专栏目录
vue项目启动报错：Support for the experimental syntax ‘jsx‘ isn‘t currently enabled
m0_67401270的博客
03-09 6759
框架：vue+ElementUI 如图所示：在表格的最后一列操作处，当鼠标移上去时，要求提示语提示给用户 此处使用到了Element框架的el-table 的一个属性如下： Table-column Attributes 代码如下： <el-table> <el-table-column label="操作" :render-header="renderHeader" align="center"> <template slot-scope="s
Puppeteer开发过程中遇到的问题及解决方案
m0_67402823的博客
03-08 6176
工欲善其事必先利其器，请先检查本机是否安装NodeJS环境以及查阅API： Google官方文档：https://developers.google.com/web/tools/puppeteer API（v12.0.1）文档：https://pptr.dev/#?product=Puppeteer&version=v12.0.1&show=outline 问题：如何处理各种验证码？ 解决方案：建议大家去搜索对应的解决方案，Puppeteer并无此类解决方案。 问题：某些网站做了JS防爬检测
Support for the experimental syntax 'classProperties' isn't currently enabled
weixin_34190136的博客
06-02 832
项目中使用高级语法报错, 报错信息 SyntaxError: E:\workdata\webpackVue\src\index.js: Support for the experimental syntax 'classProperties' isn't currently enabled (22:8): 20 | 21 | class Dog {> 22 | name = '...
Support for the experimental syntax ‘classProperties‘ isn‘t currently enabled
wuyujin1997的博客
01-01 1917
文章目录Intro解决 Intro 在React项目中自定义组件(class方式)，然后在组件中写了一个方法： handleClick = () => { // ... } 然后就报错，报错内容如题，大意是： classProperties还是一个实验性的语法，当前还没有被支持。 (如果想支持这种新的语法，应该需要一些编译的插件) 解决 在babel转译的过程中引入@babel/plugin-proposal-class-properties插件即可。 至于怎么引入，有起码两种以上的方式。 以下为
vue项目启动报错提示：Support for the experimental syntax ‘classProperties‘ isn‘t currently enable
q1ngqingsky的博客
07-02 623
EventBus事件总线的使用方式：
webpack4中报Support for the experimental syntax 'classProperties' isn't currently enabled (13:16):错误
odelia的博客
11-11 2754
解决方法： 1.安装插件 >npm i -D @babel/plugin-proposal-class-properties 2.在配置文件中配置： 3.npm run dev重启即可
syntax 'classProperties' isn't currently enabled
lyd的博客
04-08 1111
Webpack中提示syntax ‘classProperties’ isn’t currently enabled的错误 使用了一些JavaScript的一些新特性的时候，但是有没有在webpack.config.js里面或者是.babelrc文件中配置相关插件，就可以解决了。 error：Support ``for` `the experimental syntax ``'classPrope...
解决Webpack中提示syntax 'classProperties' isn't currently enabled的错误
HZZOU的博客
07-28 4331
我们在Recat中使用ES6的class类的一些新特性时，比如定义静态变量，就会报错syntax 'classProperties' isn't currently enabled 需要安装@babel/plugin-proposal-class-properties插件，然后在配置文件的.babelrc文件 options: { plugins: ['@babel/plugin-p...
uniapp/vue报错： VUE Support for the experimental syntax ‘classProperties‘ isn‘t currently en
Amen的博客
02-04 553
报错内容： VUE Support for the experimental syntax 'classProperties' isn't currently en****Add @babel/plugin-proposal-class-properties (https://git.io/vb4SL) to the 'plugins' 解决： 1. npm i -D @babel/plugin-proposal-class-properties npm i -D @babel/plugin.
Vue学习笔记
zyqer1997的博客
03-19 341
代码地址: https://github.com/Zhuyaqiang/vue_shop 目录一、webpack二、webpack三、脚手架四、实战电商项目1. 登录2. 主页3. 用户列表4. 权限管理5. 商品分类6. 商品参数7. 商品列表8. 添加商品9. 数据报表10. 杂项及优化 一、webpack 打包处理js文件中的高级语法(自定义类等) 安装babel转换器相关的包npm ...
前端框架系列之（装饰器Decorator）
vv_bug
06-14 1321
简介： 装饰器是ES2016 stage-2的一个草案，但是在babel的支持下，已被广泛使用，有点类似java里面的注解。 提案地址Class and Property Decorators 用法： 如果我们要在我们项目中使用最新的stage-2的装饰器提案怎么做呢？ Preset: babel-preset-stage-1 Plugins: babel-plugin-transform-decorators, babel-plugin-transform-decorators-legacy First
简单多表连接
qq_58585594的博客
05-27 346
首先创建一个Web项目。 再通过创建三个新建项目，model,BLL,DAL类库。 紧接着在model项目中新建项 点击‘数据’，选择实体数据模型 当你的数据库存在两个或者多个表时，就可以创建多个表。 我这里选择了两个表，效果如下。 然后点击右键，选择从数据库更新模型。 这样，一个简单的多表连接就基本完成了。 ...
vue cli + vue2 老项目 迁移 vite
jjsnc
11-09 2652
老项目迁移 vite
@babel/plugin-proposal-class-properties的使用
weixin_38931903的博客
03-11 3691
@babel/plugin-proposal-class-properties 安装 npm install -D @babel/plugin-proposal-class-properties 作用 插件会将类中的属性编译 实例属性编译 源码 class A{ foo!: string bar: string = "bar"; } 编译 class A{ construtor(){ this.foo = void 0 this.bar = 'bar' } } bar: str
Support for the experimental syntax 'decorators-legacy' isn't currently enabled (3:5):
技术成长ing
07-01 2335
React 导入 mobx 运行项目时出现了错误，符号" @ "无法转译 上网查了些解决办法，主要分为以下几步： 1.git add . 2.git commit -am "Save" 3.npm run eject （必须要先执行上面两步，不然会报错。执行这步作用就是把之前的默认配置全部暴露出来，因此可以自定义修改webpack的配置） 4.npm inst...
[pluginviteimport-analysis] vite 提示jsx语法报错
最新发布
爱学习的大雄的博客
12-15 4277
*注意：**我也找到文章中许多关于这个报错的解决方案是添加一个依赖，具体解决方案我也放在下面。其实是我的代码写错位置了，原本template中的代码写在了外面。在vite.config.ts中配置。安装vite的jsx包。
X [ERROR] The JSX syntax extension is not currently enabled script:D:/Bling/git-project/hhdweb/src/components/SelectTree/ToolTree.vue?id=0:90:6: 90 │ <span class="custom-tree-node" style={style}> vue3+vite el-tree 使用renderContent出现如上报错
07-12
这个错误提示是因为你在Vue组件中使用了JSX语法扩展，但是当前环境中并没有启用JSX。要解决这个问题，你需要确保在Vue项目中正确配置了JSX的支持。 首先，确保你的项目中安装了 `@vue/babel-preset-jsx` 这个包。你可以使用以下命令进行安装： ``` npm install --save-dev @vue/babel-preset-jsx ``` 接下来，在你的项目根目录下找到 `.babelrc` 或 `babel.config.js` 文件（如果没有则创建一个），并添加以下配置： 对于 `.babelrc` 文件： ```json { "presets": ["@vue/babel-preset-jsx"] } ``` 对于 `babel.config.js` 文件： ```javascript module.exports = { presets: ['@vue/babel-preset-jsx'] }; ``` 保存配置文件后，重启项目，应该就能够正常使用JSX语法了。如果问题仍然存在，请确保你的构建工具（如Webpack）也正确配置了JSX的支持。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值