问题标签 [babel-core]

我升级到babel-core 6.13.2现在出现此错误。

有人遇到错误吗？谢谢。

.babelrc

babelRelay插件

尝试使用 browserify 和 babel 时出现奇怪的错误：

给出：

我为 es2015 安装了正确的预设并做出了反应，但我不知道为什么它会抛出这个错误。奇怪的是，这个命令正在我的生产服务器上运行......

有任何想法吗？

这个应用程序应该呈现我在这里的内容（/Users/ldco2016/Projects/reactquiz/src/components/App.jsx：

但相反，我得到一个空白页面，Chrome 开发工具控制台告诉我：

我知道这意味着什么，但我不清楚它是试图找到我想要呈现的页面还是 main.js 文件。

/Users/ldco2016/Projects/reactquiz/package.json：

/Users/ldco2016/Projects/reactquiz/app/index.html：

ldco2016@DCortes-MacBook-Pro-3 ~/Projects/reactquiz/webpack.config.js：

/Users/ldco2016/Projects/reactquiz/src/index.js：

我需要在 React 中解析一个 JSX 字符串，就像其他线程一样

唯一的反应是使用 babel-core，不幸的是它不起作用并且不知道从这里去哪里。这是我在文件中使用 require('babel-core') 时得到的错误跟踪：

如有必要，这是我的 webpack 文件：

我有一个 .babelrc 文件，其中包含我想在特定情况下覆盖的某些配置（与环境无关）。不幸的是，babel 文档对传递的配置的优先顺序不是很清楚（即 .babelrc、babel-loader、babel.transform、babel-cli 等）。

另外，在使用 babel-cli 时，是否可以将查询参数或选项传递给 babel 预设，例如 es2015？

我正在使用 babel 转译 ES7 js 代码，一切都像开发/登台的魅力。在应用程序内部，我严重依赖ES7 的async/await特性。我的入口文件如下所示：

我不确定是否有必要为生产环境保留babel-polyfill和babel-core/register模块，因为我在部署之前使用 babel-cli 转译了所有内容。我认为即使我删除它们并使入口文件看起来像这样，它也必须正确工作：

但是，如果这样做，我会在启动应用程序时遇到下一个异常：

在生产环境中引用babel-polyfill和babel-core/register包是否正常？

我正在尝试将字符串转换为有效的 JSX 代码，然后将其注入到我的 React 组件中。

但是我遇到了很多错误，因为我试图在浏览器中使用 Babel：

是的，我知道从字符串创建代码并注入它是不受欢迎的，但 D3 动态创建元素（即您不能以声明方式编写它们）例如：其值和刻度数根据数据而变化的轴。我已经成功地将 D3 轴更改为带有h​​tmltojsx的 JSX，但返回一个String. 我需要将其String转换为可以注入到我的代码中的有效 JSX 组件。

编辑：正如迈克尔莱昂斯在下面所说，我可以只使用dangerouslySetInnerHTML，但我试图避免这个选项，除非其他一切都不起作用。尽量保持在 React 范式内。

这是我的组件的渲染方法的外观：

这是我的webpack.config.js

我遇到了一个 test_helper 文件的问题，该文件可以正常工作。这是一个我会在一段时间后回来的项目。错误和文件与 package.json 一起在下面，因为我怀疑它可能是编译器导致了问题。

错误

test_helperjs

包.json

这些测试之前已经工作过，而且它甚至没有进入测试的事实让我相信编译器或包发生了变化。但我无法在网上找到任何关于这个问题的信息。

我正在尝试在“节点版本 8.4.0”上实现 es2015 功能。这就是为什么我使用 babel 将我的 es6 转换为节点兼容代码的原因。
我正在尝试运行node bundle.js arguments并使用 process.argv 返回一个空数组。其中 runningnode index.js arguments给出了参数列表。

使用 docker：Linux 37901bca5bc7 4.10.0-041000-generic #201702191831 SMP Sun Feb 19 23:33:19 UTC 2017 x86_64 GNU/Linux
节点包： "babel-core": "^6.23.1", "babel-loader": "^6.2.10", "babel-preset-es2015": "^6.22.0", "babel-preset-stage-2": "^6.22.0", 捆绑我正在使用 webpack 的代码。提前致谢。

我注意到 react-intl 比较后有一些性能提升intl.formatMessage({ id: 'section.someid' })机会intl.messages['section.someid']。在此处查看更多信息：https ://github.com/yahoo/react-intl/issues/1044

第二个速度快 5 倍（并且在具有大量翻译元素的页面中产生了巨大差异），但似乎不是官方的方法（我猜他们可能会在未来的版本中更改变量名称）。

所以我想创建一个 babel 插件来进行转换（formatMessage（到消息 [）。但是我在做这件事时遇到了麻烦，因为 babel 插件的创建没有很好的文档记录（我找到了一些教程，但它没有什么）我需要）。我了解了基础知识，但还没有找到我需要的访问者函数名称。

我的样板代码目前是：

所以这是我的问题：

• 我使用哪种访问者方法来提取类调用 - intl.formatMessage（它真的是 CallExpression）吗？
• 如何检测对 formatMessage 的调用？
• 如何检测调用中的参数数量？（如果有格式化，则不应该发生替换）
• 我如何更换？(intl.formatMessage({ id: 'something' }) 到 intl.messages['something'] ？
• （可选）有没有办法检测 formatMessage 是否真的来自 react-intl 库？