I have developed a unique custom component named "react-native-weekly-calendar" with the intention of sharing it with the open source community. However, before I proceed with publishing it, I wanted to conduct some testing. Unfortunately, when attempting to test it using
npm install --save ../<component_name>This is the structure of my directory:
- react-native-weekly-calendar (folder)
- index.js
- package.json
- src (folder)
- Locale.js
- Style.js
The contents of 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;
The contents of package.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"
},
...
To test the files above, I followed these steps:
$ npx react-native init sample
$ cd sample
$ npm install --save ../react-native-weekly-calendar
$ vim App.js
I then added
import WeeklyCalendar from 'react-native-weekly-calendar';$ npx react-native run-ios
However, upon running this command in the simulator, I encountered the following error:
Unable to resolve module 'react-native-weekly-calendar' from 'App.js':react-native-weekly-calendar could not be found within the project.
I am puzzled as to why the component is not being recognized even though it is clearly located within the node_modules folder. Could it be an issue with how I configured my dependencies in package.json?
If anyone has any suggestions or insights, they would be greatly appreciated!