使用React文件查看器时出错

Question

我已经发布了有关react-file-viewer的信息，但我还有另外一个问题。我创建了一个新的反应应用程序react docs作为参考

我尝试使用react-file-viewer组件，如下所示：

    import React, { Component } from 'react';
    import FileViewer from 'react-file-viewer'
     
    const file = '../src/test.png'
    
    class App extends Component {
    	
      render() {
        return (
    		<FileViewer
    			fileType="png"
    			filePath={file}
    		  />
        );
      }
      
     
    }
    
    export default App;

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

我已经指定了正确的图像路径。 在屏幕上我只有一个微调器：

这是我在控制台日志中看到的：

需要帮助解决此问题，提前致谢。