Импортированная функция не определена

Question

Я немного незнаком с ES6, поэтому я не совсем уверен, в чем моя проблема.

У меня есть следующий код:

const isUsernameTaken = username => {
    console.log(username);
}


exports = {
    isUsernameTaken
}

И он импортирован другим файлом, например, так:

import {isUsernameTaken} from "./Client"

Однако, если я пытаюсь его использовать, я получаю сообщение об ошибке, утверждающее, что Object не является функцией. Если я делаю console.log (isUsernameTaken), он возвращает неопределенное значение. Я не уверен на 100%, в чем проблема, здесь.

Answer 1

exports = {} - неправильный синтаксис. Чтобы создать экспорт по умолчанию / по имени, используйте следующее.

Именованный экспорт

const isUsernameTaken = username => {
    console.log(username);
}


export { isUsernameTaken }

Тогда ваш импорт должен работать как положено.

import { isUsernameTaken } from "./Client"

Экспорт по умолчанию

Экспорт по умолчанию позволяет исключить {} из оператора и , если следует использовать , если ваш модуль имеет только один экспорт.

export default const isUsernameTaken = username => {
    console.log(username);
}

Тогда импортировать так.

import isUsernameTaken from "./Client"

Примечание: обратите внимание на отсутствие {} - это работает только с по умолчанию export

Для справки см. на экспорт документов.

Answer 2

1. exports является общим JS -specifi c. Вместо этого вы должны выполнить export { isUsernameToken };.
2. . Даже если у вас есть совместимость с CommonJS / гармонией, присвоения непосредственно переменной exports игнорируются, поскольку ее значение не используется. В этом случае вы обычно назначаете module.exports.

Answer 3

Сделайте это следующим образом:

const isUsernameTaken = username => {
    console.log(username);
}


export default isUsernameTaken;

А затем используйте это как:

import isUsernameTaken from "./Client"

Надеюсь, это работает для вас.