Проблема с импортом в приложении React / Redux - PullRequest
Новая
       7

Проблема с импортом в приложении React / Redux

0 голосов
/ 24 января 2020

Я использую организацию в стиле Rails для проекта React / Redux, но у меня проблема с импортом, которую я не могу выяснить.

У меня есть каталог constants с модулем индекс (index. js), который выглядит следующим образом: 

import * as types from './ActionTypes';

export default types;

(Все мои создатели действий находятся в ./ActionTypes.)

У меня есть файл actions/index.js, где я импортируйте все необходимые мне константы для своих действий (для краткости я включил только одного из создателей действий): 

import * as c from './../constants';

...

export const toggleForm = () => ({
  type: c.TOGGLE_FORM
});

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

Однако в моем приложении React, которое работало до того, как я реорганизовал использование создателей действий, я получил следующую проблему, и мой проект не будет компилироваться: Attempted import error: 'TOGGLE_FORM' is not exported from './../constants' (imported as 'c').

Если я указать, что константы должны быть импортированы в actions/index.js с import * as c from './../constants/ActionTypes.js'; (в обход индекса модуля моей константы) - приложение React компилируется правильно, но тесты для создателей моих действий не работают.

Чего мне здесь не хватает?

1 Ответ

0 голосов
/ 24 января 2020

Удалите 

import * as types from './ActionTypes';

export default types;

и вместо этого экспортируйте все свои действия как const, как это 

// user authentication actions
export const SET_USER = 'SET_USER'
export const CLEAR_USER = 'CLEAR_USER'
export const VERIFY_USER = 'VERIFY_USER'

теперь должно работать

...