DurandalJS - оболочка не загружена в #applicationHost

Question

DurandalJS - оболочка не загружена в #applicationHost

0

После того, как я все установил и запустил приложение, в сети я вижу, что shell.html извлекается, но не загружается в тег div с идентификатором applicationHost, как предполагалось. Кроме того, ошибок не возникает, поэтому я выясняю, что не так. Может ли кто-нибудь помочь?

main.js

require.config({
    paths: {
        "text": "text",
        "durandal": "durandal",
        "plugins": "durandal/plugins",
        "transitionions": "durandal/transitions",
        "viewmodels": "viewmodels",
        "views": "views",
        "logger": "services/logger",
        "system": "durandal/system",
        "app": "durandal/app",
        "viewLocator": "durandal/viewLocator"
    }
});


define(['system', 'app', 'viewLocator', 'logger'], function (system, app, viewLocator, logger) {

    system.debug();

    viewLocator.useConvention();

    app.start().then(function () {
        app.setRoot('viewmodels/shell', 'entrance');
    });

});

shell.js

define(['system', 'logger'],
    function (system, logger) {

        var shell = {
            activate: activate
        };

        return shell;

        function activate() {
            logger.log('Application is Loaded!', null, system.getModuleId(shell), true);
        }
});

index.cshtml - тело

<body>
    <div id="applicationHost">
        @RenderPage("_splash.cshtml")
    </div>
    @Scripts.Render("~/bundles/vendor")
    <script src="/require.js" data-main="App/main"></script>
</body>

shell.html

<div>
    <header>
        <nav class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <a class="brand" href="/">
                    <span class="title">Code Camper</span>
                    <span class="jump-start-title">[Jumpstart] 00-Durandal - 1 Page</span>
                </a>
            </div>
            <div class="navbar-inner navbar-secondary"></div>
        </nav>
    </header>
    <section id="content" class="main container-fluid">
        <!-- ko compose: {model: 'speakers', activate: true} -->
        <!-- /ko -->
    </section>
</div>

Это то, что я имею в виду: Fetched

Я не имею в виду, что он не отображается там, где он должен находиться в #applicationHost, заменяющем заставку.

Вот как мои папки и файлы установлены

Ibrahim Amin 21 апр. 2014, в 01:16

Источник

0

Откуда ты знаешь, что он не загружен?
PW Kad 20 апр. 2014, в 23:50
0

Он получен, но не отображается на экране, где он должен быть, поэтому он не загружен :)
Ibrahim Amin 20 апр. 2014, в 23:53
0

Как я уже говорил, когда я смотрю сеть, я вижу, что shell.html выбирается text.js как инициатор, однако по какой-то причине он не загружается в тег div.
Ibrahim Amin 20 апр. 2014, в 23:57
0

Вы не включили свой shell.html или что-то еще. Если ваш логгер показывает, что он загружен, то он загружен, верно?
PW Kad 20 апр. 2014, в 23:57
0

Я обновил свой вопрос, надеюсь, это поможет вам получить четкое представление
Ibrahim Amin 21 апр. 2014, в 00:03
0

Не знаете, как вам помочь - вы не включили свой shell.html
PW Kad 21 апр. 2014, в 00:14
0

Я просто надеялся, что это поможет.
Ibrahim Amin 21 апр. 2014, в 00:30
0

Где ваша конфигурация роутера для правильных путей?
zewa666 21 апр. 2014, в 06:58
0

Пути не являются проблемой вообще, я следую соглашению и также получаю ресурсы, которые shell.html снова отправляет с сервера, моя проблема в том, что он не отображается.
Ibrahim Amin 21 апр. 2014, в 10:00
0

main.js чтения вашего require.config({...}) ваш файл main.js и ваши viewmodels views и viewmodels находятся в том же каталоге, что и Durandal? Если нет, то все ваши пути неверны.
Brett 21 апр. 2014, в 12:21
0

Да, все они находятся в папке с именем App, опять же, я не изобретаю колесо, я просто следую соглашениям об именах, я все еще изучаю дюрандаль, поэтому не пытаюсь быть фантазером вообще.
Ibrahim Amin 21 апр. 2014, в 12:40
0

Поскольку вы находитесь в .net, попробуйте использовать .net стартовый пакет, где вы получите правильную структуру.
zewa666 21 апр. 2014, в 19:12
0

На data-main попробуйте перейти в /App/main (косая черта в начале). Также попробуйте изменить свой метод activate в shell.js следующим образом: var activate = function () {...} activ var activate = function () {...} и переместите его в вышеупомянутую var shell . Возьмите каждое изменение по одному. Кроме того, FWIW, я отображаю свой всплеск с помощью @Html.Partial , но я не знаю, имеет ли это значение в этом случае.
user3174746 21 апр. 2014, в 20:55
0

Спасибо, что уделили время @EricTaylor. Попробую посмотреть, исправится ли это :)
Ibrahim Amin 21 апр. 2014, в 21:05

Показать ещё 12 комментариев

Теги:

jquery

shell

knockout.js

requirejs

durandal

1 ответ

Ещё вопросы

Откуда ты знаешь, что он не загружен?
Он получен, но не отображается на экране, где он должен быть, поэтому он не загружен :)
Как я уже говорил, когда я смотрю сеть, я вижу, что shell.html выбирается text.js как инициатор, однако по какой-то причине он не загружается в тег div.
Вы не включили свой shell.html или что-то еще. Если ваш логгер показывает, что он загружен, то он загружен, верно?
Я обновил свой вопрос, надеюсь, это поможет вам получить четкое представление
Не знаете, как вам помочь - вы не включили свой shell.html
Я просто надеялся, что это поможет.
Где ваша конфигурация роутера для правильных путей?
Пути не являются проблемой вообще, я следую соглашению и также получаю ресурсы, которые shell.html снова отправляет с сервера, моя проблема в том, что он не отображается.
main.js чтения вашего require.config({...}) ваш файл main.js и ваши viewmodels views и viewmodels находятся в том же каталоге, что и Durandal? Если нет, то все ваши пути неверны.
Да, все они находятся в папке с именем App, опять же, я не изобретаю колесо, я просто следую соглашениям об именах, я все еще изучаю дюрандаль, поэтому не пытаюсь быть фантазером вообще.
Поскольку вы находитесь в .net, попробуйте использовать .net стартовый пакет, где вы получите правильную структуру.
На data-main попробуйте перейти в /App/main (косая черта в начале). Также попробуйте изменить свой метод activate в shell.js следующим образом: var activate = function () {...} activ var activate = function () {...} и переместите его в вышеупомянутую var shell . Возьмите каждое изменение по одному. Кроме того, FWIW, я отображаю свой всплеск с помощью @Html.Partial , но я не знаю, имеет ли это значение в этом случае.
Спасибо, что уделили время @EricTaylor. Попробую посмотреть, исправится ли это :)

Ibrahim Amin · Answer 1 · 2014-04-21T19-21-00.000Z

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

Ваш main.js - это место, где вы устанавливаете расположение папок.
Тогда остается загадкой, почему это не сработало, потому что я установил маршруты в main.js, которые все еще не помогли или, может быть, мне просто не повезло, в любом случае, спасибо еще раз @PW Kad я вижу, что мне все еще нужно хорошо понять как работает эта библиотека и ее зависимости.
Я знаю, что это зависимость от requirejs. Я прочитал документацию, но, тем не менее, это не очень хорошая надежда, что они немного ее улучшат, и еще раз спасибо @PW Kad, я очень благодарен за то, что вы нашли время, чтобы помочь мне.