Material-ui-next typescript错误
我创建了一个默认的VS2017 react-redux模板，并尝试添加material-ui-next组件，但得到以下错误：
ERROR in [at-loader] ./node_modules/material-ui/BottomNavigation/BottomNavigationButton.d.ts:6:74 TS2344: Type '"onChange"' does not satisfy the constraint '"className" | "style" | "component" | "classes" | "innerRef" | "centerRipple" | "disableRipple" |...'.
ERROR in [at-loader] ./node_modules/material-ui/ButtonBase/ButtonBase.d.ts:6:13 TS2694: Namespace 'React' has no exported member 'AnchorHTMLAttributes'.
ERROR in [at-loader] ./node_modules/material-ui/Snackbar/Snackbar.d.ts:10:18 TS2430: Interface 'SnackbarProps' incorrectly extends interface 'Pick<HTMLAttributes<HTMLDivElement> & Partial<TransitionHandlers> & { classes: any; }, "defaultCh...'. Type 'SnackbarProps' is not assignable to type 'Pick<HTMLAttributes<HTMLDivElement> & Partial<TransitionHandlers> & { classes: any; }, "defaultCh...'. Types of property 'action' are incompatible. Type 'ReactElement<any> | ReactElement<any>[]' is not assignable to type 'string'. Type 'ReactElement<any>' is not assignable to type 'string'.这是我的代码：
```javascript从‘React’导入* as react；
从‘react-router-dom’导入{ Link，RouteComponentProps }；
从‘react-redux’导入{ connect }；
从‘../store’导入{ ApplicationState }；
将*作为PetGiftboxProbabilitiesState从导入
'../store/PetGiftboxProbabilities'；
从‘material-ui/GridList’导入{ GridList，GridListTile }；
//在运行时，Redux将合并在一起...
类型PetGiftboxProbabilityProps =
PetGiftboxProbabilitiesState.PetGiftboxProbabilitiesState
PetGiftboxProbabilitiesState.actionCreators的类型
& RouteComponentProps<{}>；
类FetchData扩展了React.Component {
componentWillMount() {
// This method runs when the component is first added to the pagethis.props.requestPetGiftboxProbabilities();}
public render() {
return <div> <h1>Pet giftbox forecast</h1> {this.renderForecastsTable()}</div>;}
私有renderForecastsTable() {
return <GridList cellHeight={160}> {this.props.petGiftboxProbabilities.map(pet => <GridListTile key={pet.petId}> <img className="pet-image" src={pet.imageUrl} alt={pet.petName} />
</GridListTile> )}</GridList>;}
}
导出缺省连接(
(州: ApplicationState) => state.PetGiftboxProbabilities，
PetGiftboxProbabilitiesState.actionCreators
)(FetchData as any)作为FetchData的类型；
我的代码出了什么问题？提前谢谢你。
回答 1
Stack Overflow用户
发布于 2018-04-25 21:51:40
npm upgrade对我很管用--我一开始用的是纱线，但当我转到Material-UI-next时，很快就换了过来。
https://stackoverflow.com/questions/48245214
复制相似问题