Javascript 显示错误的视频组件

我正在我的项目中使用react视频播放器组件&在页面中使用它时，它显示了以下错误。我已经附上了截图

有人能帮忙吗？我有以下代码：

import React, { Component } from "react";
import "video-react/dist/video-react.css";
import { Player } from 'video-react';

class VideoPlayer extends Component {
  render() {
    return(
      <Player
          playsInline
          poster="/assets/poster.png"
          src="https://media.w3.org/2010/05/sintel/trailer_hd.mp4"
      />
    );
  }
}
export default VideoPlayer;

---

您可能需要网页包中的css加载器

{
      test: /\.css$/,  
      include: /node_modules/,  
      loaders: ['style-loader', 'css-loader'],
 }

---

将此添加到网页包中。现在它显示了-在./app/bundles/HelloWorld/components/Post.jsx模块中找不到错误：错误：无法解析“/home/subjojit/rails应用程序/client”中的“样式加载器”运行

npm安装样式加载器--save

{
      test: /\.css$/,  
      include: /node_modules/,  
      loaders: ['style-loader', 'css-loader'],
 }