reactjs - React.js 未捕获错误 : Invariant Violation

标签 reactjs webpack

由于缺乏对 Commonjs 模块的支持,在对 React_rails gem 感到沮丧之后,我正在测试 react_webpack_rails来自 netguru 的 gem 。但从那时起我就遇到了不变违规。

例如,如果我用 ES6 语法编写一个简单的 Hello World 组件:

import React from 'react';

class tasksBox extends React.Component {
  render() {
    return <div>Hello World</div>;
  }
}

export default tasksBox;

提出这些错误:

Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM elements) or a ReactClass (for composite components).

Uncaught Error: Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.

非常感谢您的帮助,我不知道错误来自哪里。

最佳答案

嗯,答案很简单,需要将类名的第一个字母大写。 一切都很顺利。

import React from 'react';

class TasksBox extends React.Component {
  render() {
    return <div>blabla</div>;
  }
}

export default TasksBox;

感谢你们的帮助。

关于reactjs - React.js 未捕获错误 : Invariant Violation,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33376231/

相关文章:

javascript - React - onClick 在任何组件中都不起作用

javascript - ReactJS:如何在 JavaScript 中过滤数组以在 map 上显示特定图像

node.js - 尝试理解 npm 审计结果

javascript - node.js 和前端 Web 应用程序的单独 babel 配置是同一个项目

ruby-on-rails - Rails 6 Font Awesome 5 生产问题

javascript - 为什么 Webpack 不能解析 ‘babel-loader’ ?

javascript - Webpack:为什么 'style-loader!css-loader!postcss-loader'不处理导入的文件?

javascript - 元素类型无效 : expected a string (. ..) 但得到:对象

reactjs - 更改金额后 PayPal React 显示额外按钮

reactjs - Gatsby 和 graphql : filtering for a specific single image