Ошибка при загрузке изображения на React-native: Неожиданный символ

Я пытаюсь отображать изображение на компоненте на React-native, но я не знаю, почему эта ошибка происходит...

Пример кода:

render () {
    let { convenience } = this.props
    return (
      <View style={{flexDirection: 'row', height: 50}}>
        <Text style={{marginRight: 30}}>{convenience.name}</Text>
        <Image source={require('./icons___favorito_ativo.png')} />
      </View>
    )
}

Printscreen:

Ответ 1

Я тоже столкнулся с той же ошибкой. После многих попыток я перезапустил упаковщик, и приложение подобрало изображение. Таким образом, решение: Перезапустите упаковщик.

Надеюсь, что это поможет.

Ответ 2

В настоящее время открытая проблема с React Native: https://github.com/facebook/react-native/issues/6691. Очень раздражает - перезагрузка приложения и/или перезапуск диспетчера пакетов - это единственное решение, о котором я сейчас знаю.

Ответ 3

Это случилось со мной много раз с изображениями, экспортированными из эскиза, это странно.

Я не знаю почему, но после экспорта одного и того же изображения из фотошопа ошибка исчезла.

Ответ 4

Я знаю, что это звучит довольно странно, но я собираюсь добавить этот комментарий на тот случай, если кто-нибудь другой получит здесь. Я создал файл index.ios.js, скопировав простой пример из чего-то в Интернете https://rnplay.org Я продолжал получать ошибки "неожиданного персонажа". Я использую Atom.io как инструмент script. Я думал, возможно, у меня была проблема с кодировкой неправильного набора символов. Я подтвердил, что использую UTF-8

Итак, я использовал клавиши со стрелками (влево/вправо) на моей клавиатуре, и я заметил, что курсор перестанет двигаться для двух нажатий стрелок клавиатуры, прямо в месте, указанном на моем экране эмулятора Red Screen of Disaster. В моем коде было два невидимых персонажа. Я играл с этим довольно долго, чтобы подтвердить. Я смог выделить "скрытые" символы и удалить их.

После удаления новый код отлично работает.

Bizarre. Не уверен, что там было. (Примечание: я скопировал код примера слайдера из https://rnplay.org/apps/5FsfPA, и я использовал "Выбрать все" и Command-C, чтобы выполнить копирование и команду -V для вставки... если кто-то хочет повторить эксперимент)

И да, я знаю, как это звучит глупо. Возможно, другие затронули ту же проблему? Проверка проверки довольно проста. Начните с местоположения, указанного в сообщении об ошибке "Красный экран". Используйте стрелку клавиатуры и проверяйте курсор на вашем перемещении текста для каждого нажатия клавиши.

Ответ 5

У меня была схожая ошибка, но только с Android. И проблема заключалась в суффиксе ios:

Имя файла было [email protected]

Затем в коде:

export const backButton = require('../../images/[email protected]');

Когда я удаляю суффикс в имени файла и в коде (до '../../images/[email protected]'), ошибка исчезла.

Ответ 6

У меня были пробелы в имени моего каталога. Чтобы исправить это, я просто использовал другой каталог.

Измененный

...\Desktop\develop (test)\MyProject...

...\Desktop\разработка\MyProject...