Где проблемы в React-материализовать иконки? - PullRequest
0 голосов
/ 13 января 2019

Я создавал сайт-портфолио, используя 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;

Почему это случилось? Где проблемы?

Я действительно ценю за ответ. Спасибо

...