我收到以下错误:

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

这是我的代码:

var React = require('react')
var ReactDOM =  require('react-dom')
var Router = require('react-router')
var Route = Router.Route
var Link = Router.Link

var App = React.createClass({
  render() {
    return (
      <div>
        <h1>App</h1>
        <ul>
          <li><Link to="/about">About</Link></li>
        </ul>
      </div>
    )
  }
})

var About = require('./components/Home')
ReactDOM.render((
  <Router>
    <Route path="/" component={App}>
      <Route path="about" component={About} />
    </Route>
  </Router>
), document.body)

我的Home.jsx个文件:

var React = require('react');
var RaisedButton = require('material-ui/lib/raised-button');

var Home = React.createClass({
  render:function() {
    return (
        <RaisedButton label="Default" />
    );
  },
});

module.exports = Home;

推荐答案

在我的例子中(using Webpack),这是以下两种情况之间的差异:

import {MyComponent} from '../components/xyz.js';

vs

import MyComponent from '../components/xyz.js';

第二种方法有效,而第一种方法导致错误.或者相反.

Javascript相关问答推荐

JavaScript代理不适用于打开的窗口对象

同步功能在中间停止

如何从JavaScript中的公共方法调用私有方法?

Flutter:显示PDF和视频,但阻止下载

JavaScript Date对象在UTC中设置为午夜时显示不正确的日期

JavaScript:循环访问不断变化的数组中的元素

Angular material 表多个标题行映射

成功完成Reducers后不更新状态

在服务器上放置了Create Reaction App Build之后的空白页面

CheckBox作为Vue3中的一个组件

无法访问Vue 3深度监视器中对象数组的特定对象值'

为什么我的导航条打开状态没有在窗口addeventlistener(Reaction Js)中更新?

如何使用子字符串在数组中搜索重复项

这个值总是返回未定义的-Reaction

以Angular 实现ng-Circle-Progress时出错:模块没有导出的成员

覆盖加载器页面避免对页面上的元素进行操作

在css中放置所需 colored颜色 以填充图像的透明区域

元素字符串长度html

如何在FastAPI中为通过file:/URL加载的本地HTML文件启用CORS?

打字脚本中方括号符号属性访问和拾取实用程序的区别