Как внедрить пользовательский компонент из js в nativescript?

Да, декларативный пользовательский интерфейс (то есть xml) на самом деле является системой построения, которая анализирует xml и генерирует JS, поэтому вам не нужно этого делать.

Поэтому, если вы хотите сделать это вручную, вы должны оставить свой код компонента в покое и изменить код основного экрана следующим образом:

<Page xmlns="http://schemas.nativescript.org/tns.xsd" loaded="onLoad">
    <StackLayout id='sl'>

    </StackLayout>
</Page>

Первое, что вы заметите, это то, что мы дали странице событие load, у вас должно быть место, где вы действительно можете запустить свой код, чтобы прикрепить свой компонент к визуальному дереву. Второе, что мы сделали, это добавили в StackLayout идентификатор; технически это на самом деле не нужно - вы можете перемещаться по дереву NS и находить правильный StackLayout; но для простоты добавление идентификатора делает его намного проще.

Таким образом, код JS на вашей странице будет таким:

var builder = require('ui/builder');
var fs = require('file-system');

exports.onLoad = function(args) {
  // Get our current Page that is being loaded
  var page = args.object;

  // Find our StackLayout
  var stackLayout = page.getViewById('sl');

  // Load our JS for the component
  var path = fs.knownFolders.currentApp().path;
  var componentJS = require(path + '/components/testComponent/testComponent.js');

  // Actually have the builder build the Component using the XML & JS.
  var component = builder.load(path + '/components/testComponent/testComponent.xml', componentJS);

  // And add our component to the visual tree
  stackLayout.addChild(component);
};

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

где путь к файлу — это скрипт или даже класс, экземпляр которого может создать функция обратного вызова. Это как если бы он загружался при загрузке страницы и отображался в большинстве консолей инструментов разработчика.

        var uuid='xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
             var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
             return v.toString(16);
        });
             var url = filepath + "?" + uuid;//prevent caching - does not work with ajax setup
             try {
                    $.getScript(url, "callbackfunctionname('" + filepath + "')");//getScript callback seems broken so use own
             }
             catch (e) {
                    //error handle
             }