如何使用 babel legacy 装饰器答案

【问题标题】：how to use babel legacy decorators如何使用 babel legacy 装饰器
【发布时间】：2020-01-11 21:56:05
【问题描述】：

我收到此错误消息

"src\screens\LoginScreen.js: 不能同时使用装饰器和装饰器遗留插件错误构建 JavaScript 包：错误”

这是我的 babel.config.js

module.exports = function(api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    plugins: ["transform-decorators-legacy"]
  };
};

我将 babel-plugin-transform-decorators-legacy 添加到 package.json 文件中的 devDepencies

 "devDependencies": {
    "babel-preset-expo": "^7.1.0",
    "react-native-debugger-open": "^0.3.23",
    "babel-plugin-transform-decorators-legacy": "1.3.5"
  },

【问题讨论】：

标签： javascript reactjs react-native babeljs

【解决方案1】：

试试这个

npm install @babel/plugin-proposal-decorators @babel/plugin-proposal-class-properties @babel/plugin-transform-flow-strip-types --save

然后你必须像下面这样改变 babel.config.js;

module.exports = {
  "presets": ["module:metro-react-native-babel-preset"],
  "plugins": [
        ["@babel/plugin-transform-flow-strip-types"],
        ["@babel/plugin-proposal-decorators", { "legacy": true}],
        ["@babel/plugin-proposal-class-properties", { "loose": true}]
    ]
};

【讨论】：