【问题标题】: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}]
        ]
    };
    

    【讨论】:

      猜你喜欢
      • 2016-05-18
      • 1970-01-01
      • 2016-02-21
      • 2016-02-21
      • 2017-02-04
      • 1970-01-01
      • 2016-02-05
      • 2019-12-01
      相关资源
      最近更新 更多