如何将react-native-vector-icons与react-native-web一起使用？

module.exports = {
  project: {
    ios: {},
    android: {},
  },
  assets: ['./node_modules/react-native-vector-icons/Fonts'],
};

module.exports = function(api) {
  api.cache(true);
  return {
    presets: ['module:metro-react-native-babel-preset'],
    plugins: [
      [
        'module-resolver',
        {
          alias: {
            'react-native-vector-icons': 'react-native-vector-icons/dist',
          },
        },
      ],
    ],
  };
};

import React from 'react';
import { View } from 'react-native';
import Icon from 'react-native-vector-icons/FontAwesome';

const MyComponent = () => {
  return (
    <View>
      <Icon name="rocket" size={30} color="#900" />
    </View>
  );
};

export default MyComponent;