升级dva和roadhog后 启动页面空白 而且多个功能不能用

[dingyanqiang]

如下功能有问题，麻烦尽快更新个稳定版本，Thanks

• HRM不能正常用了
• 加载自定义svg文件报错, <Icon type={ require('自定义文件')}/> 更新前还正常用的
  • Icon props.type is invalid, have you set svg-sprite-loader correctly? see https://goo.gl/
• 等等多个功能

[shenqihui]

必须确保 npm install svg-sprite-loader@0.3.1 -D

但是 roadhog 0.6.0 之后的版本，svg-sprite-loader 会直接升级到 ^3.1.2 ，所以存在这个问题。

希望能解决。 @sorrycc

433 同样的问题。

====

ps: 解决方式，不使用 antd / antd-mobile 的 icon ，直接自己写一个 svg 的组件， 例子代码如下：

import React from 'react';
import './index.less';

class Svg extends React.Component {
  constructor(props) {
    super(props);
    this.state = {};
  }

  render() {
    let link = this.props.link;
    if (link.default) {
      link = link.default;
    }

    return (<svg className={`svg ${this.props.className || ''}`} style={this.props.style}>
      <use xlinkHref={`#${link.id}`} />
    </svg>);
  }
}

export default Svg;

调用

<Svg link={require('../../svg/**.svg')} style={{ fontSize: '40px' }} />

[sorrycc]

HRM不能正常用了

dva@2.0.2 已修复此问题。

[albafica2015]

@sorrycc 升级后 启动页面空白，怎么解决？

[ningpy123]

@shenqihui 可是像button之类的 antd mobile组件，icon是作为标签的一个属性存在的，需要怎么做？

如果写在标签的children里，样式都需要自己重新定义，是不是有点绕路了？

[shenqihui]

@ningpy123 那就木有办法了。这一个问题，如果升级到新版本 dva 没解决，只能这么麻烦点的处理。不然就是等以后 dva 解决了，再升级上来。我选择先升级上来。

[870491465]

@sorrycc 我的环境是dva@1.x antd-mobile@1.6 roadhog@0.5 svg-sprite-loader@0.3.1 也是ico不显示， 而且控制台还有错误。 是不是dva 和raodhog 必须升级才可以解决这个问题。