webpack编译装饰器报错问题_decoratorsbeforeexport-CSDN博客

本文详细解释了如何解决使用Babel时遇到的装饰器插件错误，包括安装必要的npm包，如babel-plugin-transform-decorators-legacy、@babel/plugin-proposal-decorators和@babel/plugin-proposal-class-properties，以及如何正确配置VSCode以启用实验性装饰器。

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

Error: The ‘decorators’ plugin requires a ‘decoratorsBeforeExport’ option, whose value must be a boolean. If you are migrating from Babylon/Babel 6 or want to use the old decorators proposal, you should use the ‘decorators-legacy’ plugin instead of ‘decorators’.
解决办法：

cnpm install babel-plugin-transform-decorators-legacy --save-dev
cnpm install @babel/plugin-proposal-decorators --save-dev

cnpm install @babel/plugin-proposal-class-properties --save-dev

修改babel部分，添加代码

"plugins": [
["@babel/plugin-proposal-decorators", { "legacy": true }],
["@babel/plugin-proposal-class-properties", { "loose" : true }]
]

就ok了
如果用的是vscode有提示报错 “experimentalDecorators”
解决办法：
点击Visual Studio Code左下角的配置按钮(或者文件>首选项>配置)，打开用户设置窗口，在搜索框内输入“experimentalDecorators”

"javascript.implicitProjectConfig.experimentalDecorators": false
// 把false改成true 重启编辑器就可以了
---------------------
作者：一直快乐的前端狗
来源：CSDN
原文：https://blog.csdn.net/ZhangYaBo_Code/article/details/83066844
版权声明：本文为博主原创文章，转载请附上博文链接！