Не удалось разрешить модуль... не существует на карте модуля ускорения

Я новичок в ReactNative, я создаю клон Twitter для практики.

Я уже разработал первое приложение, и у меня не было проблем.

Но так как я запустил новый проект, после добавления пользовательских модулей в проект у меня появляется это сообщение об ошибке.

В этом случае я хочу импортировать таблицу стилей в свой пользовательский компонент Tweet, я добавил захват, это лучше для вас.

Снимок экрана - сообщение об ошибке

Итак, я следовал всем инструкциям захвата, кроме Watchmen, потому что я работаю на Windows 10, после выполнения процедуры я заново создал новый проект с "act-create-app", перезапустил XDE expo и приложение, но проблема возвращается...

Я также попробовал процедуру Github для решения этой проблемы (см. Ее описание) здесь => https://github.com/facebook/react-native/issues/4968

3 ответа

Решение

В вашем импорте 3 вопроса:

  1. Вы не должны писать расширение импортируемого модуля
  2. Ваш файл называется "Tweet.style", и вы пытаетесь импортировать "Tweet.styles"
  3. Вы должны импортировать относительный путь вашего модуля

Правильный импорт должен быть:

import styles from './Tweet.style'

Просто следуйте инструкциям ниже

yarn add react-native-tweet-view
react-native link react-native-tweet-view

Проверьте верхнюю часть вашего файла, чтобы вы не импортировали

import { threadId } from 'worker_threads';

Я удалил это, и это сработало

Да, конечно,

Вот код моего компонента Tweet.js =>

import React from 'react'
import {View,Text} from 'react-native'
import styles from 'Tweet.styles.js'

const Tweet = () => {
    return (
        <View>
            <Text style={styles.text}>Hello world !</Text>
        </View>
    )
};

export default Tweet;

А вот код файла Tweet.style.js, который я хочу импортировать в компонент Tweet.js =>

import {StyleSheet} from 'react-native'

const styles = StyleSheet.create({
    text: {
        color:'red',
    }
});

export default styles;

Иногда эта ошибка возникает из-за искаженных стилей JS.. например

backgroundColor= '#fff'

вместо того backgroundColor: '#fff' этот..

Другие вопросы по тегам