未捕获的错误:期望字符串。您忘记了从定义的文件中导出组件,或者您可能混淆了默认/命名导入

Har*_*sha 3 javascript babel ecmascript-6 webpack react-redux

您能帮我解决问题吗?我已经尝试解决导入功能,但我仍然得到这个错误,我也试图删除“{}”,它没有工作。提前致谢。我正在关注TylerMcginnis React-Redux课程。Navigation.js

import React from 'react'
import PropTypes  from 'prop-types'
import Link  from 'react-router-dom'
import { container, navContainer, link } from './styles.css'

Navigation.propTypes = ActionLinks.propTypes = NavLinks.propTypes = {
  isAuthed: PropTypes.bool.isRequired,
}

function NavLinks ({isAuthed}) {
  return (isAuthed === true
    ? <ul>
        <li><Link to='/' className={link}>{'Home'}</Link></li>
      </ul>
    : <noscript />)
}

function ActionLinks ({isAuthed}) {
  return (isAuthed === true
    ? <ul>
        <li>NEW DUCK</li>
        <li><Link to='/logout' className={link}>{'Logout'}</Link></li>
      </ul>
    : <ul>
        <li><Link to='/' className={link}>{'Home'}</Link></li>
        <li><Link to='/auth' className={link}>{'Authenticate'}</Link></li>
      </ul>)
}

export default function Navigation  ({isAuthed}) {
  return (
    <div className={container}>
      <nav className={navContainer}>
        <NavLinks isAuthed={isAuthed} />
        <ActionLinks isAuthed={isAuthed} />
      </nav>
    </div>
  )
}
Run Code Online (Sandbox Code Playgroud)

MainContainer.js

import React from 'react'
import  Navigation from '../../components/Navigation/Navigation'
import {container, innerContainer}  from './styles.css'
import createReactClass from 'create-react-class'


const MainContainer = createReactClass({
  render () {
    return (
      <div className={container}>
        <Navigation isAuthed={true} />
        <div className={innerContainer}>
          {this.props.children}
        </div>
      </div>
    )
  },
})

export default MainContainer
Run Code Online (Sandbox Code Playgroud)

错误:未捕获错误:元素类型无效:预期为字符串(对于内置组件)或类/函数(对于复合组件),但得到:未定义。您可能忘记了从定义文件中导出组件,或者可能混淆了默认导入和命名导入。在不变(invariant.js:42)

imm*_*rza 8

就我而言,我正在按以下方式导入组件,所以我遇到了同样的错误。

import { Calculator } from './src/calculator';
Run Code Online (Sandbox Code Playgroud)

为了解决这个问题,我修改了导入,如下所示。

import Calculator from './src/calculator';
Run Code Online (Sandbox Code Playgroud)


Not*_*ter 2

@Harsha我也有同样的错误。我花了一个小时左右的时间来确保我的代码是正确的,等等。我开始拆解现有的代码,使其尽可能简单,然后更加简单。

最后,问题是我已将一个空文件复制到组件目录中,但在另一个目录中的同名文件中进行编码。所以我导入了一个空文件。当然,它是不确定的。:(

另外,请记住输入分号。;)