使用create-react-app创建了React应用程序,如何在其中使用Decorator?

发布于 2022-09-11 19:01:52 字数 1361 浏览 22 评论 0

1、问题描述

使用create-react-app创建了React应用程序,并执行npm run reject暴露出了相关Webpack配置。然后在代码中使用Decorator,编译失败了。报错信息如下:

clipboard.png

2、环境描述(部分)

"react": "~16.4.1",
"react": "~16.4.1",
"react-dev-utils": "~5.0.1",
"react-dom": "~16.4.1",
"react-router-dom": "~4.3.1",
"babel-core": "6.26.0",
"babel-eslint": "7.2.3",
"babel-jest": "20.0.3",
"babel-loader": "7.1.2",
"babel-plugin-import": "~1.11.0",
"babel-plugin-transform-decorators-legacy": "^1.3.5",
"babel-preset-react-app": "~3.1.1",
"babel-runtime": "6.26.0",

3、项目Decorator类代码

class Testable {
    constructor(target) {
        this.isTestable = target;
    }

    method() {
        console.log("Testable类");
    }
}

@Testable
class MyTestableClass {
    constructor() {
    }

    method() {
        console.log("MyTestableClass装饰类");
    }
}

/* 装饰类测试*/
let myTestableIns = new MyTestableClass();
console.log(myTestableIns.method());

4、参考文档

(1)、ECMAScript2015入门-Decorator:http://es6.ruanyifeng.com/#do...
(2)、@babel/plugin-proposal-decorators:https://babeljs.io/docs/en/ba...

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文