Question

我有一个非常简单的React Native项目，我正在努力工作。这是一个iOS项目，它只是将一个RCTRootView添加到UIViewController中。当我从网络浏览器点击网址时，我得到：

Unable to resolve module `/src/components/HelloReact` from `/Users/myusername/Desktop/DemoReact/index.ios.js`: Directory /src/components/HelloReact doesn't exist.

index.ios.js

'use strict';

import { AppRegistry } from 'react-native';
import HelloReact from '/src/components/HelloReact';

AppRegistry.registerComponent('HelloReact', () => HelloReact);

HelloReact.js

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

export default class HelloReact extends Component {
  render() {
    return (
      <Text style={{fontWeight: 'bold'}}>
        I am bold
        <Text style={{color: 'red'}}>
          and red
        </Text>
      </Text>
    )
  }
}

我对如何解决这个问题感到茫然。我尝试了以下所有方法：

npm start
npm start --reset-cache
删除了node_modules目录并重新安装
卸载并重新安装了node，watchman，react-native和npm
尝试使用物理设备和模拟器

有没有人在我的代码中看到任何错误或知道问题可能是什么？我愿意通过电子邮件或电话交谈来解决这个问题。我越来越绝望了。

Answer 1

import HelloReact from '/src/components/HelloReact';在绝对路径中搜索模块，而不是相对于当前（应用程序）目录，因此无法找到（因为它不存在）

将其更改为import HelloReact from './src/components/HelloReact';

React Native：无法解析模块

1 个答案: