我正在尝试使用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]" } ] }