React Native 获取错误:“使用process(css).then(cb)处理异步插件”

nwsw7zdq  于 2023-08-07  发布在  React
关注(0)|答案(5)|浏览(216)

screens/HomeScreen.js:使用process(css).then(cb)处理异步插件
这是我的HomeScreen.js

import { View, Text } from 'react-native
import React from 'react'

export default function HomeScreen() {
  return (
    <View>
      <Text className="text-red">HomeScreen</Text>
    </View>
  )
}

字符串
我正在尝试使用tailwindcss。我是following

nzrxty8p

nzrxty8p1#

我通过将版本更改为3.3.2并使用yarn而不是npm解决了这个错误。
以下是我遵循的命令:

yard add nativewind
yarn add --dev tailwindcss@3.3.2

字符串

0ve6wy6x

0ve6wy6x2#

我也得到了同样的错误,当我安装tailwindcssnpm
我通过将tailwindcss降级为3.3.2解决了这个问题

npm i --dev tailwindcss@3.3.2

字符串

sdnqo3pr

sdnqo3pr3#

在HomeScreen.js文件中,使用错误消息中提到的process(css).then(cb)模式 Package 相关代码。下面是一个如何修改代码的示例:

import { View, Text } from 'react-native';
import React from 'react';
import process from 'tailwindcss/lib';
import styles from './styles.css';

export default function HomeScreen() {
  return (
    <View>
      <Text className="text-red">HomeScreen</Text>
    </View>
  );
}

// Async plugins processing
process(styles)
  .then(() => {
    // Render your components after tailwindcss plugins have been processed
    ReactDOM.render(<HomeScreen />, document.getElementById('root'));
  })
  .catch((error) => {
    console.error(error);
  });

字符串
确保将'./styles.css'替换为包含classNames的Tailwind CSS文件的正确路径。
通过使用process(css).then(cb) Package 相关代码,可以确保在呈现组件之前异步处理tailwindcss插件。
记住要根据你的项目结构和需求调整代码。
希望这对你有帮助!如果你还有什么问题就告诉我。

lo8azlld

lo8azlld4#

这对我很有效:

  • yarn add postcss@8.4.23
  • yarn add --dev tailwindcss@3.3.2

假设你已经安装了nativewind(码加nativewind)

nfeuvbwi

nfeuvbwi5#

希望添加以下信息,这可能对使用firebase的任何人都有帮助。
即使在降级为“tailwindcss”之后:“3.3.2”我还是得到了同样的错误。将firebase降级为“firebase”:“9.22.2”解决了这个问题。

相关问题