找不到模塊：無法解決反應

Question

我正在嘗試在我的 react-native 項目中添加一個 SearchBar，但是一旦我添加了導入，它就會失敗說 Module not found: Can't resolve 'react' 以及一堆其他模塊。 我試過刪除 node_modules 和 package-lock.json，然后 npm install 但它不能解決問題。 我已經包含了 js 文件 package.json 和我收到的部分錯誤

 { "name": "gympedia", "version": "1.0.0", "main": "index.js", "scripts": { "start": "expo start --dev-client", "android": "expo run:android", "ios": "expo run:ios", "web": "expo start --web" }, "dependencies": { "@rneui/base": "^4.0.0-rc.5", "@rneui/themed": "^4.0.0-rc.5", "expo": "~45.0.0", "expo-splash-screen": "~0.15.1", "expo-status-bar": "~1.3.0", "react": "^17.0.2", "react-dom": "17.0.2", "react-native": "0.68.2", "react-native-web": "^0.17.7" }, "devDependencies": { "@babel/core": "^7.12.9" }, "private": true }

 import { View, Text , Image, StyleSheet, TouchableOpacity } from 'react-native' import React from 'react' import { SearchBar } from "@rneui/themed"; const Header = () => { return ( <View style={styles.container}> <TouchableOpacity> <Image style={styles.logo} source={require('../../assets/muscle-icon.png')} /> </TouchableOpacity> <View style={styles.iconContainer}> <TouchableOpacity> <Image style={styles.icons} source={require('../../assets/search-icon.png')} /> </TouchableOpacity> <TouchableOpacity> <Image style={styles.icons} source={require('../../assets/bookmark-icon.png')}/> </TouchableOpacity> </View> </View> ) }

 Module not found: Can't resolve 'react' > 1 | import { useMemo } from 'react'; 2 | import { StyleSheet } from 'react-native'; 3 | export const makeStyles = (styles) => (props) => { 4 | return useMemo(() => { ../node_modules/@rneui/themed/dist/config/makeStyles.js:1 Module not found: Can't resolve 'react' > 1 | import { useMemo } from 'react'; 2 | import { StyleSheet } from 'react-native'; 3 | import { useTheme } from './ThemeProvider'; 4 | export const makeStyles = (styles) => (props = {}) => { ../node_modules/@rneui/base/dist/helpers/index.js:1 Module not found: Can't resolve 'react-native' > 1 | import { Platform, Dimensions } from 'react-native'; 2 | import color from 'color'; 3 | import renderNode from './renderNode'; 4 | import getIconType, { registerCustomIconType } from './getIconType'; ../node_modules/@rneui/base/dist/helpers/colors.js:1 Module not found: Can't resolve 'react-native' > 1 | import { StyleSheet } from 'react-native'; 2 | export const lightColors = { 3 | primary: '#2089dc', 4 | secondary: '#03dac4',

Answer 1

看起來這可能是@rneui 庫的問題。 我會嘗試將這兩個庫降級到以前的版本。 只需查看下一個先前版本的庫並執行 npm install @rneui/base@version# @reneui/themed@version#。 也可能是您在兩個導入的末尾沒有分號。