【问题标题】:React Native says files don't existReact Native 说文件不存在
【发布时间】:2022-01-01 23:28:35
【问题描述】:

所以,我是 React Native 的新手,我正在尝试构建一个基本的应用程序,但是每次我在我的 android 模拟器上启动它时,我都会收到一个语法错误,告诉我“这些文件都不存在” " 它指的是图像。这是模拟器的屏幕截图,以及我的 vs 代码工作区。

如果有人想复制它并弄乱它,这里是代码。

WelcomeWindow.js:

import React from 'react';
import { ImageBackground } from 'react-native-web';

function WelcomeWindow(props) {
    return (
        <ImageBackground 
        style={styles.background}
        source={require("../assets/background.jpg")}>
            
        </ImageBackground>
    );
}
const styles = StyleSheet.create({
    background: {
        flex: 1,
    }
})

export default WelcomeWindow;

App.js:

import WelcomeWindow from './app/screen/WelcomeWindow';

export default function App() {
  return (
    <WelcomeWindow />
  );
}

我确定路径是正确的,我认为这更像是某个地方的错误,我真的不知道如何修复它。我已经尝试寻找解决方案,并且我遇到了一个消息来源说这在使用我正在使用的 android studio 时是一个特别的问题。同样,我不确定。如果有人可以帮助我,将不胜感激!

【问题讨论】:

    标签: javascript react-native android-studio


    【解决方案1】:

    我知道发生了什么。由于某种原因,ImageBackground 的自动导入来自 react-native-web。

    import React from 'react';
    import { ImageBackground } from 'react-native-web';

    它应该只是 react-native。

    import React from 'react';
    import { ImageBackground } from 'react-native';

    【讨论】:

      猜你喜欢
      • 2022-11-15
      • 1970-01-01
      • 1970-01-01
      • 2023-04-07
      • 2017-10-31
      • 2021-09-01
      • 2017-10-17
      • 2022-07-15
      • 2022-08-09
      相关资源
      最近更新 更多