无法将CSS文件导入React项目

3

我最近开始使用React进行开发,但是遇到一个问题一直无法解决。

除了一个错误之外,一切都很正常。不管我做了什么,React都会报错“无法解析./src/style.css”或者“这些文件不存在:./src/style.css”。

我的项目结构非常简单:

App
    .expo
    .expo-shared
    assets
    node_modules
    src
        components
        screens
        style.css
    App.js

    ~everything else

我的App.js文件包含这个语句:import './src/style.css';

我也尝试过require('./src/style.css');,但它也不起作用。

我很确定我缺少某些幽默愚蠢的东西,但任何帮助都将不胜感激。

提前感谢您的帮助!


我也尝试过重新启动我的开发服务器... - HufF867
1个回答

3
我看到你的文件夹里有 .expo,所以我猜你在使用 React Native。对于 React Native,你需要使用 StyleSheet 来编写组件样式,不能使用 *.css 文件。
在这里查看 React Native 样式文档:https://reactnative.dev/docs/style

@hanfani 有没有办法将我的现有 CSS 文件转换为 React-Native StyleSheet? - HufF867
是的,你可以使用例如 https://www.npmjs.com/package/css-to-react-native 这样的工具,但你需要考虑使用 react-native 推荐的方式编写下一个 CSS,因为转换后的 CSS 在某些情况下可能会表现出意外的行为。 - Abderrahmen Hanafi
请考虑阅读此线程 https://dev59.com/XVwX5IYBdhLWcg3wnwnd,它可能有点过时,但思路仍然有效,只是为了让您了解如何使用转换后的 CSS。 - Abderrahmen Hanafi

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接