装饰器模式@不能识别

Question

@log(‘add’)
| ^
79 | addToCartHandle() {
80 | this.cart.add(this.data)
81 | }

at transpile (D:\idea\design-pattern-test\node_modules\_babel-loader@7.1.5@babel-loader\lib\index.js:65:13)
at Object.module.exports (D:\idea\design-pattern-test\node_modules\_babel-loader@7.1.5@babel-loader\lib\index.js:173:20)

@ ./src/demo/List/CreateItem.js 12:12-29
@ ./src/demo/List/List.js 15:18-41
@ ./src/demo/App.js 17:12-34
@ ./src/index.js 3:11-32

webpack 5.52.0 compiled with 1 error in 3645 ms
i ｢wdm｣: Failed to compile.
装饰器的@符号识别不了，是版本问题吗
"devDependencies": {
“babel-core”: “^6.26.3”,
“babel-loader”: “^7.1.5”,
“babel-polyfill”: “^6.26.0”,
“babel-preset-es2015”: “^6.24.1”,
“babel-preset-latest”: “^6.24.1”,
“html-webpack-plugin”: “^5.3.1”,
“javascript-state-machine”: “^3.1.0”,
“webpack”: “^5.52.0”,

Answer 1

双越 2021-09-11 13:23:26

要使用这个 babel 插件 https://babeljs.io/docs/en/babel-plugin-proposal-decorators 

• 提问者 rddata #1

  老师，搞好了，在babelrc 中添加插件 "plugins": ["transform-decorators-legacy"]就好了，谢谢