Задать вопрос
@Worddoc
Frontend explorer
requirejs

Почему модуль is undefined?

Начал изучение Require js и сразу застрял.

Структура

folder
——main.js
——modules
————dom.js
————func.js

//main.js

requirejs.config({
	paths: {
		"func" : "modules/func",
		"dom": 'modules/dom'
	}
});

require(['func'],function(func){
	app.color();
});

//dom.js

var elem = document.querySelector('body');


//func.js

define(['dom'], function(dom) {
  var app = {
    color: function() {
      elem.style.background = 'red';
    }
  };

  return app;
});

Ошибка: app is not defined.

Вопрос: почему модуль is undefined, если я вернул объект-модуль через define? Как успешно подгрузить модуль func.js с зависимостью dom.js, в файл-конфиг main.js?
  • Вопрос задан
  • 1245 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
k12th
@k12th
console.log(`You're pulling my leg, right?`);
Важный disclaimer: не изучайте RequireJS, уже есть нативные модули, которые совсем скоро будут доступны прямо в браузерах и nodejs.

Почитайте про область видимости в JS:
https://learn.javascript.ru/functions-closures
https://developer.mozilla.org/ru/docs/Web/JavaScri...

Нельзя просто объявить переменную в модуле и ждать, что она будет доступна в другом. В этом и есть смысл модулей. Надо этот модуль явно импортировать. В вашем случае будет как-то так:

//main.js
requirejs.config({
    paths: {
        "app": "modules/app",
        "dom": 'modules/dom'
    }
});

require(['app'], function (app) {
    app.color();
});


//dom.js
define([], function() {
    return document.querySelector('body');
})


//app.js
define(['dom'], function (dom) {
    var app = {
        color: function () {
            dom.style.background = 'red';
        }
    };

    return app;
});
Ответ написан
11 комментариев
11 комментариев
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Второй ведущий разработчик (Fullstack, PHP, Laravel, Vue, Mysql)
Donatov.net
от 100 000 до 300 000 ₽
Продакт дизайнер в финтех
Module Agency
от 110 000 до 190 000 ₽
Golang developer middle
Posman
До 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Подключить сервер к сети
27 апр. 2024, в 02:39
1500 руб./за проект
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
Ещё заказы