reactjs – 使用React-file-viewer

发布时间：2020-12-15 09:30:55 所属栏目：百科来源：网络整理

导读：我正在尝试使用React-file-viewer. Npm教程在这里但我在控制台中有一个错误：“你可能需要一个合适的加载器来处理这个文件类型” 这是我的代码： import FileViewer from 'react-file-viewer';import { CustomErrorComponent } from 'custom-error';const f

我正在尝试使用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,我使用它

我能怎么做？
谢谢

解决方法

module: {
        loaders: [
            // .ts(x) files should first pass through the Typescript loader,and then through babel
            { test: /.tsx?$/,loaders: ['babel','ts-loader'] },{ test: /.css$/,loaders: ['style','css-loader'] },{ test: /.scss$/,'css-loader?modules&importLoaders=1&localIdentName=[local]-[hash:base64:5]','postcss-loader','sass'] },{ test: /.(png|svg|gif|jpg|jpeg)$/,loaders: [ 'url-loader','image-webpack?bypassOnDebug'] },{ test: /.(eot|woff|ttf|woff2)$/,loader: "file?name=[name].[ext]" }


        ]
    }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!