我正在使用 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>
);
我所知道的是,此错误通常在捆绑时发生,但我不确定如何解决这个问题。
需要帮助。
Fusion.js目前不支持自定义 webpack 加载器。不过,我们确实有一些加载 SVG 的技术,并在此处记录了一个策略:https://fusionjs.com/docs/guides/svg-react-components
我很想找到一种与 material-ui 更兼容的方法,所以也许我们可以考虑在未来实现一个融合插件材料图标或类似的东西。