React createElement类型无效

问题描述 投票:0回答:1

我在尝试发布节点模块,材料-ui-next-datepicker时遇到了麻烦

它在本地工作,但不是作为节点模块安装时

import * as React from 'react'
import * as ReactDOM from 'react-dom'
import {MuiThemeProvider, createMuiTheme, withStyles, StyledComponentProps, Theme} from 'material-ui/styles'
import DateFormatInput from 'material-ui-next-datepicker'

const theme = createMuiTheme()

const styles = (theme:Theme):Record<string, React.CSSProperties> => ({
  container: {
    width: '100vw',
    height: '100vh',
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center'
  }
})
@(withStyles as any)(styles)
class DemoPage extends React.Component<DemoPageProps, DemoPageState> {
  constructor(props) {
    super(props)
    this.state = {
      date: undefined
    }
  }
  onChange = (date:Date) => {
    console.log(date)
    this.setState({date})
  } 
  render() {
    const {classes} = this.props
    const {date} = this.state
    return (
      <div className={classes.container}>
        <DateFormatInput name='date-input' value={date} onChange={this.onChange} label='Date'/>
      </div>
    )
  } 
}
interface DemoPageProps extends React.Props<{}>, StyledComponentProps {
}
interface DemoPageState {
  date: Date
}

ReactDOM.render(
  <MuiThemeProvider theme={theme}>
    <DemoPage/>
  </MuiThemeProvider>
, document.getElementById('root'))

这是浏览器chrome error中的错误

当我打印出DateFormatInput时,它看起来很好......绝对不是未定义的

我不太熟悉依赖关系,以及如何区分对等,环境或捆绑。所以,我确实需要一些帮助来使这个节点模块工作

reactjs material-ui node-modules
1个回答
0
投票

最后只需添加.npmignore即可解决此问题

我删除了所有的演示文件,如:

  • 演示/
  • SRC /
  • 的index.html
  • tsconfig.json
  • webpack.config.js

然后它通过导入开始正常工作...

© www.soinside.com 2019 - 2024. All rights reserved.