错误:您可能需要一个适当的加载器来处理此文件类型- Fusion Js，并使用图标

Question

我正在使用Fusion Js编写我的第一个应用程序，在使用图标时遇到了问题，对于任何字体或材料反应图标，只要我将图标添加到我的模板中，它就会给我一个错误

‘’您可能需要适当的加载器来处理此文件类型‘’

import React from 'react';
import {styled} from 'fusion-plugin-styletron-react';
import MaterialIcon, {colorPalette} from 'material-icons-react';

const TopBar = styled('div',{
    height:'30px',
    width: '100%',
    position:'fixed',
    top:'0',
    zIndex:'99',
    backgroundColor:'#4b4b4b',
    display:'flex',
   boxShadow:'0px 0px 8px 0px #000000'
});

const Brand = styled('div',{
    color:'#ffffff',

});

export default () => (
    <TopBar>
        <span></span>
        <Brand>
            <span> Observe Point</span>
        </Brand>
        <div>
            <span></span>
            <span><MaterialIcon icon={'search'}></MaterialIcon></span>
        </div>
    </TopBar>
);

我所知道的是，此错误通常在捆绑时发生，但我不确定如何修复此错误。

需要帮助。

Answer 1

目前，Fusion.js不支持自定义的webpack加载器。不过，我们确实有一些加载SVG的技术，并且在这里记录了一种策略：https://fusionjs.com/docs/guides/svg-react-components

我很想找到一种与material-ui更兼容的方法，所以也许我们可以考虑在未来实现一个fusion-plugin-material-icons或类似的插件。