使用 React-file-viewer

Question

我正在尝试使用 React-file-viewer。Npm 教程在这里但是我在控制台中有一个错误：“您可能需要一个适当的加载程序来处理此文件类型” 这是我的代码：

import FileViewer from 'react-file-viewer';
import { CustomErrorComponent } from 'custom-error';
const file = 'http://example.com/image.png'
const type = 'png'


 onError = (e) => {
    logger.logError(e, 'error in file-viewer');
 }

 <FileViewer
 fileType={type}
 filePath={file}
 errorComponent={CustomErrorComponent}
 onError={this.onError}/>

我指定，我有 babel-preset-es2015 并且我使用它

我能怎么做 ？谢谢

Answer 1

你必须在 webpack 配置中包含 babel 作为

loaders: [
      {test: /\.js$/, include: path.join(__dirname, 'src'), loaders: ['babel']},
      { test: /\.jsx$/, exclude: /node_modules/, loader: 'babel-loader' }]

当你正在使用

onError = (e) => {
    logger.logError(e, 'error in file-viewer');
 }

这是 es6 语法。要使其与浏览器兼容，您必须添加

{test: /\.js$/, include: path.join(__dirname, 'src'), loaders: ['babel']}