无法解析“ App.js”中的“ react-native-wheel-scroll-picker”

时间:2019-04-11 02:52:45

标签: react-native

按照https://www.npmjs.com/package/react-native-wheel-scroll-picker

我没有npm安装react-native-wheel-scroll-picker --save

然后我将示例复制到App.js中,但是...尝试运行它时出现此错误:

  

无法解析“ App.js”中的“ react-native-wheel-scroll-picker”

import React, {Component} from 'react';
import ScrollPicker from 'react-native-wheel-scroll-picker';

export default class SimpleExample extends Component {

    render() {
        return(
             <ScrollPicker
                  dataSource={[
                       'a',
                       'b',
                       'c',
                       'd',
                  ]}
                  selectedIndex={1}
                  renderItem={(data, index, isSelected) => {
                      //
                  }}
                  onValueChange={(data, selectedIndex) => {
                      //
                  }}
                  wrapperHeight={180}
                  wrapperWidth={150}
                  wrapperBackground={'#FFFFFF'}
                  itemHeight={60}
                  highlightColor={'#d8d8d8'}
                  highlightBorderWidth={2}
                  activeItemColor={'#222121'}
                  itemColor={'#B4B4B4'}
                />
        )
    }
}

更新: 好的新错误,首先我使用

将其添加到packages.json
  

“ react-native-wheel-scroll-picker”:“ 0.2.4”

然后我进行了重置缓存,然后我执行了npm start,然后出现以下错误: enter image description here

2 个答案:

答案 0 :(得分:1)

我有同样的错误。我知道了,您必须安装npm软件包:styled-components。 https://www.npmjs.com/package/styled-components

您需要使用滚轮

https://github.com/unlayer/react-email-editor/issues/44

答案 1 :(得分:0)

在某些情况下,您可能没有重新启动服务器,而是尝试使用该软件包。

只需使用以下命令杀死所有正在运行的服务器

killall node -9

然后启动新服务器

react-native start

当我尝试安装软件包时遇到了相同的问题,而没有重新启动服务器,我遇到了同样的错误。