Я создавал сайт-портфолио, используя React-Js и React Materialize. При работе в локальном режиме иконки работают хорошо. Но при развертывании на страницах github значки не могут отображать
Это у меня на местном:
значки ':' работа в местном
Это после развертывания:
icons ':' не работает, но 'more_vert'
Это мой код этого компонента:
import React from 'react'
import {Col, Card, CardTitle} from 'react-materialize';
import Phase0 from '../images/projects/Phase-0.jpg';
import OnePage from '../images/projects/one-page.jpg';
import ComingSoon from '../images/projects/coming-soon.jpg';
const Project = () => {
return (
<div className="section blue lighten-5">
<div className="row container">
<Col m={12} className='center'><h2 className="header"><font face="Courier New"><b>This is My Last Projects</b></font></h2></Col>
<Col m={4} s={12}>
<Card header={<CardTitle reveal image={Phase0} waves='light'/>}
title="Card Title"
reveal={<p>Here is some more information about this product that is only revealed once clicked on.</p>}>
<p><a href="/">This is a link</a></p>
</Card>
</Col>
<Col m={4} s={12}>
<Card header={<CardTitle reveal image={OnePage} waves='light'/>}
title="Card Title"
reveal={<p>Here is some more information about this product that is only revealed once clicked on.</p>}>
<p><a href="/">This is a link</a></p>
</Card>
</Col>
<Col m={4} s={12}>
<Card header={<CardTitle reveal image={ComingSoon} waves='light'/>}
title="Card Title"
reveal={<p>Here is some more information about this product that is only revealed once clicked on.</p>}>
<p><a href="/">This is a link</a></p>
</Card>
</Col>
</div>
</div>
)
}
export default Project;
Почему это случилось? Где проблемы?
Я действительно ценю за ответ. Спасибо