React Native - получить сообщение об ошибке при использовании созданного мной пользовательского компонента (ошибка: не определено, невозможно разрешить модуль <MyModule>)

Question

Я создал пользовательский компонент под названием «response-native-weekly-calendar», и я пытаюсь опубликовать его sh для сообщества с открытым исходным кодом, но сначала я хочу его протестировать. Когда я пытаюсь проверить его по npm install --save ../<component_name>, выдается ошибка.

Моя структура каталогов:

- react-native-weekly-calendar (folder)
    - index.js
    - package.json
    - src (folder)
        - Locale.js
        - Style.js

index. js:

import React, { useState, useEffect, useRef } from 'react';
import { Text, View, ScrollView, TouchableOpacity, TouchableWithoutFeedback, Modal, Platform, ActivityIndicator } from 'react-native';
import PropTypes from 'prop-types';
import moment from 'moment/min/moment-with-locales';
import DateTimePicker from '@react-native-community/datetimepicker';
import { FontAwesome } from 'react-native-vector-icons';
import { applyLocale, displayTitleByLocale } from './src/Locale';
import styles from './src/Style';

const WeeklyCalendar = props => {
    ...
}

export default WeeklyCalendar;

пакет. json:

{
  "name": "react-native-weekly-calendar",
  "version": "0.1.0",
  "description": "Weekly Calendar component for React Native",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/codeinjuice/react-native-weekly-calendar.git"
  },
  "keywords": [
    "react",
    "reactnative",
    "react-native",
    "react-native-component",
    "calendar",
    "weeklycalendar",
    "weekly-calendar",
    "scheduler",
    "datepicker",
    "date-picker"
  ],
  "author": "codeinjuice",
  "license": "MIT",
  "bugs": {
    "url": "https://github.com/codeinjuice/react-native-weekly-calendar/issues"
  },
  "homepage": "https://github.com/codeinjuice/react-native-weekly-calendar#readme",
  "dependencies": {
    "moment": "^2.24.0",
    "prop-types": "^15.5.7",
    "@react-native-community/datetimepicker": "~2.1.0",
    "react-native-vector-icons": "~6.6.0"
  },
  "devDependencies": {
    "@babel/core": "^7.0.0",
    "metro-react-native-babel-preset": "^0.58.0",
    "react": "~16.9.0",
    "react-native": "0.61.4"
  }
}

Вот как я тестировал файлы выше:

$ npx react-native init sample
$ cd sample
$ npm install --save ../react-native-weekly-calendar
$ vim App.js

Затем я добавил import WeeklyCalendar from 'react-native-weekly-calendar'; в приложение. js. Наконец, я запустил

$ npx react-native run-ios

В симуляторе я получаю эту ошибку:

Невозможно разрешить модуль 'Reaction-native-weekly-calendar' из 'App. js ': Reaction-native-weekly-calendar не удалось найти в проекте.

Я неправильно установил настройки зависимостей в package.json ???

Не могу понять, почему он продолжает говорить, что компонент не найден, когда он явно находится в папке node_modules.

Любые предложения приветствуются!

Answer 1

Редактировать: я повысил реактивный с 0,60. * До 0,61,4, и он также работал с npm.

Оригинальный ответ Я использовал $ yarn add ../react-native-weekly-calendar

вместо $ npm install --save ../react-native-weekly-calendar и все заработало.