Блог

Главная - Вопросы по программированию - Модули ES6, ссылающиеся друг на друга, приводят к неопределенному

Модули ES6, ссылающиеся друг на друга, приводят к неопределенному

#javascript #webpack #ecmascript-6 #module

#javascript #webpack #ecmascript-6 #модуль

Вопрос:

Я получаю сообщение об ошибке:

Ошибка неперехваченного типа: не удается прочитать свойство ‘fields’ неопределенного

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

ListConfig.js:

 import listConfig; from "./list.config";

const deploy = {
  lists: {
    create: async () => {
      listConfig.map();
    }
  },
  fields: {
    define: params => {}
  }
};

export default deploy;

Deploy.js:

 import deploy from "./sp.deploy";

const listConfig = {
    lists: [
        {
            deploy.fields.define()
        }]
}

export default listConfig;

App.js: 

 import deploy from "./../../build/sp.deploy";

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

1. Похоже, вы не импортировали deploy из правильного каталога

2. Я так не думаю, я полагаю, что webpack обнаружил бы эту ошибку перед компиляцией. Я получаю эту ошибку в браузере.

3. @Batman можете ли вы опубликовать свой webpack.config.js ? .и опубликовать код, который вызывает fields метод..

4. Эй, все в порядке, я просто переместил функцию полей в файл конфигурации списка. Я думаю, что это должно быть в любом случае, чем больше я думаю об этом. Поэтому мне не нужно импортировать deploy в ListConfig.