Question

我是本机反应的新手，在运行我的应用程序时，出现以下错误：

/node_modules/react-native-elements/src/card/Card.js
Attempted import error: '../helpers/normalizeText' does not contain a default export (imported as 'normalize')

结果是我的应用程序无法在Expo Client上启动。

我有四个文件：

我不是直接导入normalizeText.js，

这是我在项目中使用的主要文件

App.js

 import Main from './components/MainComponent';

 export default function App() {
   return (
     <Main />
   );
 }

MenuComponent.js

  import {View, FlatList} from 'react-native' ;
  import {ListItem} from 'react-native-elements';
  
  function Menu(props){
  
      const renderMenuItem = ({item, index}) => {
          return(
              <ListItem
                  Key={index}
                  title={item.name}
                  subtitle={item.description}
                  hideChevron={true}
                  leftAvatar={{ source: require('./images/uthappizza.png') }}
              />
          );
      }
      return (
          <FlatList 
              data = {props.dishes}
              renderItem={renderMenuItem} 
              KeyExtractor={item => item.id.toString()}
           
              
              />
  
      );
  }
  
  export default Menu; 

3) MainComponent.js 



```   import React, {Component} from 'react';
  import Menu from './MenuComponent';
  import {DISHES} from '../shared/dishes';
  
  class Main extends Component {
      constructor(props){
          super(props)
          this.state = {
              dishes : DISHES
          }
      }
      render(){
          <Menu dishes={this.state.dishes} />
      }   
  }
  
  export default Main; ```

4) Dishes.js 

 This file is has a json objects list which is has information to populate the 
 app.

Answer 1

您需要在助手../helpers/normalizeText中添加的小更改。转到此路径

node_modules/react-native-elements/src/helpers/noramlizeText.js

将此行module.exports = normalize;更改为export default normalize;

编译我的本机应用程序时遇到尝试导入错误'../helpers/normalizeText'

1 个答案: