找不到模块：无法解决反应

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#。 也可能是您在两个导入的末尾没有分号。