在React Native中加载组件时出现错误

Question

尝试加载组件时出现错误：

  

无法加载   捆绑包（http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false）   出现错误：（无法从以下位置解析模块components/Items   /Users/vemundeldegard/AwesomeProject/app/screens/Home.js：模块   Haste模块映射中不存在components/Items

     

这可能与   https://github.com/facebook/react-native/issues/4968要解决，请尝试   下列：     1.清除值班员手表：watchman watch-del-all。     2.删除node_modules文件夹：rm -rf node_modules && npm install。     3.重置Metro Bundler缓存：rm -rf /tmp/metro-bundler-cache-*或npm start -- --reset-cache。 4.删除急速缓存：rm -rf /tmp/haste-map-react-native-packager-*。 （空））

尝试将我的组件加载到名为screens / home.js的屏幕中，然后将其加载到我的app.js中。

将此添加到/screens/home.js文件的顶部：

import Items from 'components/Items';

并在<Items />这样的渲染器中调用它

components / items.js看起来像这样：

import React, { Component } from 'react';
import {
  StyleSheet,
  Text,
  View
} from 'react-native';

const Items = () => {
  return (
    <View>This is now an item</View>
  )
}
export default Items;

为什么我不能加载组件？尝试执行错误提示。

Answer 1

尝试执行import Items from '../components/items'，实际上您的文件名为items（没有大写字母i），而不是Items。

Answer 2

如果文件位置如您所述正确，则import Items from '../components/items';应该正确。 但是重要的是在添加新文件（例如js或图像文件）之后，需要重新启动节点模块。

Answer 3

尝试：

从“ ../components/Items”导入项目；