无法在“ react-native-vector-icon”中解析“ react-native”

Question

我在项目中使用react-native-web和webpack，我需要在Web应用程序中显示图标，我正在尝试使用react-native-web-vector-icons。

但是我遇到以下错误：

  

./ node_modules / react-native-vector-icons / lib / react-native.js模块   找不到：错误：无法解析“ react-native”

需要帮助来解决此问题。

Answer 1

需要在webpack配置中将react-native别名为react-native-web。

module.exports = {
  ...
  resolve: {
    ...
    alias: {
      'react-native$': 'react-native-web',
    },
  },
};