我创建了一个默认的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 page
this.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的类型;
我的代码出了什么问题?提前谢谢你。
发布于 2018-04-25 21:51:40
npm upgrade
对我很管用--我一开始用的是纱线,但当我转到Material-UI-next
时,很快就换了过来。
https://stackoverflow.com/questions/48245214
复制相似问题