首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将@ Babel /preset-react (https://git.io/JfeDR)添加到Babel配置的'presets‘部分以启用转换

将@ Babel /preset-react (https://git.io/JfeDR)添加到Babel配置的'presets‘部分以启用转换
EN

Stack Overflow用户
提问于 2021-03-08 14:48:17
回答 2查看 2.9K关注 0票数 0

我是新的反应-本机和我添加巴别塔在我的项目。我有一个返回组件的函数。

但是我得到了这个错误

关于我的函数

代码语言:javascript
运行
复制
const renderComponent = () => {
   return (
     <View>
      ....
     </View>

}

在我的babel.config.js

代码语言:javascript
运行
复制
// const path = require('path');

require('dotenv').config();

const { NODE_ENV } = process.env;
console.log(__dirname);

const DEFAULT_PLUGINS = [
  'module:react-native-dotenv',
  '@babel/plugin-transform-react-jsx',
  '@babel/plugin-transform-react-display-name',
  '@babel/plugin-syntax-jsx'
];

module.exports = function (api) {
  const presets = [
    'module:metro-react-native-babel-preset',
    'react',
    'react-native',
    '@babel/preset-react',
  ];
  const plugins = NODE_ENV === 'development'
    ? DEFAULT_PLUGINS
    : [...DEFAULT_PLUGINS, 'transform-remove-console'];

  api.cache(false);

  return {
    presets,
    plugins
  };

};

我的设置出了什么问题。谢谢!

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2021-05-26 00:31:30

我是一名react-native-dotenv维护者。该库不再是预设。它应该被移到插件。

票数 1
EN

Stack Overflow用户

发布于 2021-03-19 15:55:57

我将我的babel.config.js重命名为.babelrc并添加了以下代码。啊,真灵!

代码语言:javascript
运行
复制
{
"presets": [
"@babel/preset-env",
["@babel/preset-react"]
]
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66525387

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档