taro 中使用 expo-av 异常

[ibubbo]

问题描述
我在刚刚用 taro init <project-name> 初始化的工程中，新增了一个 expo-av 模块，版本是 expo-av^7.0.1，在代码中使用之后就报错

复现步骤
[复现问题的步骤]

1. taro init taro-av
2. yarn add expo-av
3. 在 pages/index/index.jsx 中引入并使用

import Taro, {Component} from '@tarojs/taro'
import {View, Button, Text} from '@tarojs/components'
import {connect} from '@tarojs/redux'

import {add, minus, asyncAdd} from '../../actions/counter'
// 新增
import { Audio } from 'expo-av'

import './index.scss'


@connect(({counter}) => ({
  counter
}), (dispatch) => ({
  add() {
    dispatch(add())
  },
  dec() {
    dispatch(minus())
  },
  asyncAdd() {
    dispatch(asyncAdd())
  }
}))
class Index extends Component {
  // eslint-disable-next-line react/sort-comp
  config = {
    navigationBarTitleText: '首页'
  }

  // 新增
  async componentDidMount() {
    const audio = new Audio.Sound()
      try {
        await audio.loadAsync({ uri: 'http://cdn.xinyulib.com.cn/audio/RHXJ11BE/E2Y6UJ/M1YE/PD/D6597E7ECA860C0704.mp3?AccessKeyId=AKLTN9nuMrEZQvmUj6BvGzwJ6Q&Expires=1571716132&Signature=fpDYKhBisTbcYc6VsFM9dYXF6n0%3D' });
        await audio.playAsync();
        // Your sound is playing!
      } catch (error) {
        // An error occurred!
        console.warn(error)
      }
  }

  componentWillUnmount() {
  }

  componentDidShow() {
  }

  componentDidHide() {
  }

  render() {
    return (
      <View className='index'>
        <Button className='add_btn' onClick={this.props.add}>+</Button>
        <Button className='dec_btn' onClick={this.props.dec}>-</Button>
        <Button className='dec_btn' onClick={this.props.asyncAdd}>async</Button>
        <View><Text>{this.props.counter.num}</Text></View>
        <View><Text>Hello, World</Text></View>
      </View>
    )
  }
}

export default Index

期望行为
到首页的时候，会出现背景音频

报错信息

Tried to register two views with the same name ViewManagerAdapter_ExpoVideoView
register
    C:\Users\Administrator\Desktop\taro-utils\node_modules\react-native\Libraries\Renderer\ReactNativeRenderer-dev.js:14108:4
createReactNativeComponentClass
    C:\Users\Administrator\Desktop\taro-utils\node_modules\react-native\Libraries\Renderer\ReactNativeRenderer-dev.js:14674:18
requireNativeComponent
    C:\Users\Administrator\Desktop\taro-utils\node_modules\react-native\Libraries\ReactNative\requireNativeComponent.js:207:41
requireNativeViewManager
    C:\Users\Administrator\Desktop\taro-utils\node_modules\@unimodules\react-native-adapter\build\NativeViewManagerAdapter.js:31:56
<unknown>
    
loadModuleImplementation
    C:\Users\Administrator\Desktop\taro-utils\node_modules\metro\src\lib\polyfills\require.js:214:12
guardedLoadModule
    C:\Users\Administrator\Desktop\taro-utils\node_modules\metro\src\lib\polyfills\require.js:148:36
_require
    C:\Users\Administrator\Desktop\taro-utils\node_modules\metro\src\lib\polyfills\require.js:132:20
<unknown>
    C:\Users\Administrator\Desktop\taro-utils\node_modules\expo-av\build\Audio.js:43:18
loadModuleImplementation
    C:\Users\Administrator\Desktop\taro-utils\node_modules\metro\src\lib\polyfills\require.js:214:12
guardedLoadModule
    C:\Users\Administrator\Desktop\taro-utils\node_modules\metro\src\lib\polyfills\require.js:148:36
_require
    C:\Users\Administrator\Desktop\taro-utils\node_modules\metro\src\lib\polyfills\require.js:132:20
<unknown>
    
loadModuleImplementation
    C:\Users\Administrator\Desktop\taro-utils\node_modules\metro\src\lib\polyfills\require.js:214:12
guardedLoadModule
    C:\Users\Administrator\Desktop\taro-utils\node_modules\metro\src\lib\polyfills\require.js:148:36
_require
    C:\Users\Administrator\Desktop\taro-utils\node_modules\metro\src\lib\polyfills\require.js:132:20
<unknown>
    C:\Users\Administrator\Desktop\taro-utils\rn_temp\pages\index\index.js:10
loadModuleImplementation
    C:\Users\Administrator\Desktop\taro-utils\node_modules\metro\src\lib\polyfills\require.js:214:12
guardedLoadModule
    C:\Users\Administrator\Desktop\taro-utils\node_modules\metro\src\lib\polyfills\require.js:148:36
_require
    C:\Users\Administrator\Desktop\taro-utils\node_modules\metro\src\lib\polyfills\require.js:132:20
<unknown>
    C:\Users\Administrator\Desktop\taro-utils\rn_temp\app.js:5
loadModuleImplementation
    C:\Users\Administrator\Desktop\taro-utils\node_modules\metro\src\lib\polyfills\require.js:214:12
guardedLoadModule
    C:\Users\Administrator\Desktop\taro-utils\node_modules\metro\src\lib\polyfills\require.js:148:36
_require
    C:\Users\Administrator\Desktop\taro-utils\node_modules\metro\src\lib\polyfills\require.js:132:20
<unknown>
    C:\Users\Administrator\Desktop\taro-utils\rn_temp\index.js:3:4
loadModuleImplementation
    C:\Users\Administrator\Desktop\taro-utils\node_modules\metro\src\lib\polyfills\require.js:214:12
guardedLoadModule
    C:\Users\Administrator\Desktop\taro-utils\node_modules\metro\src\lib\polyfills\require.js:141:45
_require
    C:\Users\Administrator\Desktop\taro-utils\node_modules\metro\src\lib\polyfills\require.js:132:20
global code

系统信息
"@tarojs/async-await": "1.3.18",
"@tarojs/components": "1.3.18",
"@tarojs/components-rn": "^1.3.18",
"@tarojs/redux": "1.3.18",
"@tarojs/redux-h5": "1.3.18",
"@tarojs/router": "1.3.18",
"@tarojs/taro": "1.3.18",
"@tarojs/taro-alipay": "1.3.18",
"@tarojs/taro-h5": "1.3.18",
"@tarojs/taro-redux-rn": "^1.3.18",
"@tarojs/taro-rn": "^1.3.18",
"@tarojs/taro-router-rn": "^1.3.18",
"@tarojs/taro-swan": "1.3.18",
"@tarojs/taro-tt": "1.3.18",
"@tarojs/taro-weapp": "1.3.18",
"expo-av": "^7.0.1",
"nerv-devtools": "^1.4.0",
"nervjs": "^1.4.0",
"react": "16.3.1",
"react-native": "0.55.4",
"redux": "^4.0.0",
"redux-logger": "^3.0.6",
"redux-thunk": "^2.3.0"

补充信息
我在 taro-yanxuan （网易）那个项目中也使用了，但是没有报错，taro 系列版本是 1.3.4

[taro-bot]

欢迎提交 Issue~

如果你提交的是 bug 报告，请务必遵循 Issue 模板的规范，尽量用简洁的语言描述你的问题，最好能提供一个稳定简单的复现。🙏🙏🙏

如果你的信息提供过于模糊或不足，或者已经其他 issue 已经存在相关内容，你的 issue 有可能会被关闭。

Good luck and happy coding~

[taro-bot]

CC @Pines-Cheng

[ibubbo]

已解决，1.3.18 版本的 taro 里已经自带了 expo-av，无需再自己安装

[Garfield550]

@Pines-Cheng 这个 Issue 的案例是否有意义加入文档的【常见问题】一节？

[Pines-Cheng]

@Garfield550 应该不用～