0

我正在尝试在 React 组件中使用 Web 组件（paper-icon-button），但出现以下错误：

Error: Lower case component names (paper-button) are no longer supported in JSX" error: See http://fb.me/react-jsx-lower-case

从 React 0.12 开始，所有小写标签名称都被解释为 DOM 元素与 React 组件，所以这应该可以工作：

<paper-icon-button className="red" icon="favorite"></paper-icon-button>

但是，我注意到当前版本的/node_modules/react/dist/JSXTransformer.js和仍然包含以下条件/node_modules/react-tools/vendor/fbtransform/transforms/react.js：

// Identifiers with lower case or hypthens are fallback tags (strings).
  // XJSMemberExpressions are not.
  if (nameObject.type === Syntax.XJSIdentifier && isTagName(nameObject.name)) {
    // This is a temporary error message to assist upgrades
    if (!FALLBACK_TAGS.hasOwnProperty(nameObject.name)) {
      throw new Error(
        'Lower case component names (' + nameObject.name + ') are no longer ' +
        'supported in JSX: See http://fb.me/react-jsx-lower-case'
      );
    }

此评论// This is a temporary error message to assist upgrades似乎传达了这只是一条信息性消息，但它破坏了我的应用程序的 Grunt 工作流程。如何在 react@^0.12 中使用自定义元素/Web 组件？

我的项目：

options: { transform: [require('grunt-react').browserify] }使用该选项运行我的 grunt-browerify 任务时收到错误消息。这就是我的 package.json 中的内容：

...
"grunt-browserify": "^3.3.0",
"grunt-react": "^0.10.0",
"react": "^0.12.2",
"node-jsx": "^0.12.4"
...
4

1 回答 1

1

这应该在 React.js 0.13.0-alpha.1 或更高版本中修复，因为它已被合并。升级到 0.13 应该会删除警告。

于 2015-02-26T20:15:21.903 回答