Возникли проблемы с этим заголовком начальной загрузки в реакции

Question

У меня установлена ​​программа начальной загрузки, но этот заголовок видео, который я использую, не отображается правильно на моем локальном сервере. так что я думаю, что зависимость не работает на моем конце.

CodePen https://codesandbox.io/s/react-hooks-counter-demo-8w7yv

Я загрузил загрузчик, и он показывает в модулях узла, что он работает в песочнице, но не на моем сервере импортировать React, {Component} из 'реакции' import {Link} из'act-router-dom ';

export default class Intro extends Component {
  render() {
    return (
      <header>
        <div className="overlay"></div>
        <video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop">
          <source src="https://storage.googleapis.com/coverr-main/mp4/Mt_Baker.mp4" type="video/mp4"/>>
        </video>
        <div className="container h-100">
          <div className="d-flex h-100 text-center align-items-center">
            <div className="w-100 text-white">
              <h1 className="display-3">Video Header</h1>
              <p className="lead mb-0">With HTML5 Video and Bootstrap 4</p>
            </div>
          </div>
        </div>
      </header>      
    )
  }
}

Answer 1

Кажется, я не правильно понял ваш вопрос. Но с вашим Code Pen я заменил его содержимое на ваш исходный код видео и вижу, как оно работает. Пожалуйста, проверьте изображение ниже