react-nativeにて、expoを使ったアプリ開発をしていますが、タイトルの通りのエラーが出ます。
react-navigationをインストールし、下記コードを記述した際にエラーが出ます。
eslintも導入し、何もコードミスが出ていないにも関わらず、エラーが出るので困っています。
教えてください!
App.jsx
react
import React from 'react'; import { NavigationContainer } from '@react-navigation/native'; import { createStackNavigator } from '@react-navigation/stack'; import MemoListScreen from './src/screens/MemoListScreen'; const Stack = createStackNavigator(); export default function App() { return ( <NavigationContainer> <Stack.Navigator> <Stack.Screen name="Home" component={MemoListScreen} /> </Stack.Navigator> ); }
package.json
json
{ "name": "memoapp", "version": "1.0.0", "main": "node_modules/expo/AppEntry.js", "scripts": { "start": "expo start", "android": "expo start --android", "ios": "expo start --ios", "web": "expo start --web", "eject": "expo eject" }, "dependencies": { "@expo/vector-icons": "^12.0.5", "@react-native-community/masked-view": "^0.1.11", "@react-navigation/native": "^5.9.8", "@react-navigation/stack": "^6.0.11", "@use-expo/font": "^2.0.0", "expo": "~44.0.0", "expo-status-bar": "~1.2.0", "prop-types": "^15.8.1", "react": "17.0.1", "react-dom": "17.0.1", "react-native": "0.64.3", "react-native-gesture-handler": "~2.1.0", "react-native-reanimated": "~2.3.1", "react-native-safe-area-context": "3.3.2", "react-native-screens": "~3.10.1", "react-native-web": "0.17.1" }, "devDependencies": { "@babel/core": "^7.12.9", "eslint": "^8.6.0", "eslint-config-airbnb": "^19.0.4", "eslint-plugin-import": "^2.25.4", "eslint-plugin-jsx-a11y": "^6.5.1", "eslint-plugin-react": "^7.28.0", "eslint-plugin-react-hooks": "^4.3.0" }, "private": true }
MemoListScreen.jsx
react
import React from 'react'; import { View, StyleSheet } from 'react-native'; import AppBar from '../components/AppBar'; import MemoList from '../components/MemoList'; import CircleBtn from '../components/CircleBtn'; export default function MemoListScreen() { return ( <View style={styles.container}> <AppBar /> <MemoList /> <CircleBtn name="plus" /> </View> ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#f0f4f8', }, });
他に必要な情報などありましたら、送付しますのでお声かけください。
よろしくお願いいたします。
まだ回答がついていません
会員登録して回答してみよう