Блог

Главная - Вопросы по программированию - Импорт объекта не определен

Импорт объекта не определен

#javascript #ecmascript-6 #webpack

#javascript #ecmascript-6 #webpack

Вопрос:

Я пытаюсь разделить свои учетные данные для моего Twitch-бота, чтобы я мог поместить их в свой файл .gitignore, чтобы они не были загружены на GitHub. Я экспортирую это:

credentials/twitchCredentials.js

 let identity: {
    username: 'instakbot',
    password: 'testerino'
};

export default identity;

Я пытаюсь импортировать его в components / Chat / ChatContainer

 import identity from 'credentials/twitchCredentials';
console.log(identity);

но это возвращает значение undefined в консоли… Когда я пытаюсь импортировать компонент чата, он полностью работает

 import {ChatMessage} from 'components/Chat';

компоненты / находятся на том же уровне, что и учетные данные /, поэтому это не должно привести к каким-либо проблемам… Я использую webpack 1.13.2.

Комментарии:

1. let identity: { это синтаксическая ошибка, она должна быть let identity = { (и даже лучше, быть const )

2. О господи. Это всегда самые глупые вещи, которые ошибочны… Спасибо, что указали на это. (Я знаю о const , раньше это было так, но я также даже пробовал var, просто ради того, чтобы попробовать все возможные мелочи …) Спасибо, что указали на это!

3. Мне действительно интересно, почему это не вызвало синтаксическую ошибку.

4. Действительно… Если бы я смог устранить неполадки, я бы смог найти его сам…

5. Вероятно, вы используете babel-preset-react , что означает, что у вас есть flowtype.org синтаксический анализ включен, и то, что у вас здесь есть, — это аннотация типа потока.

Ответ №1:

Как прокомментировал Берги:

пусть identity: { — синтаксическая ошибка, она должна быть let identity = { (и даже лучше, быть const)