Results 1 to 4 of 4

Thread: Ext Angular Bootstrap file not found

  1. #1
    Sencha Premium Member
    Join Date
    Mar 2016
    Posts
    9

    Default Ext Angular Bootstrap file not found

    In the Sencha example here https://docs.sencha.com/extangular/6...t_angular.html, there is a step to import the ext-angular-bootrap.component file:

    Code:
    import { bootstrapModule } from '@sencha/ext-angular/esm5/lib/ext-angular-bootstrap.component';
    This gives an error, as the file (and the dir /lib) doesn't exist:

    Code:
    ERROR in src/main.ts:3:33 - error TS2307: Cannot find module '@sencha/ext-angular/esm5/lib/ext-angular-bootstrap.component'.
    Where is this file supposed to be??

  2. #2
    Sencha Premium Member
    Join Date
    Mar 2016
    Posts
    9

    Default

    This file seems to exist in the ext-angular-6.7.x branch but not the ext-angular-7.1.x branch. Why is this? This is very confusing. Do we have to use ext-angular version 6.7.0 in order to use it within an existing angular app?

  3. #3
    Sencha Premium Member
    Join Date
    Mar 2016
    Posts
    9

    Default

    Now after downgrading to ext-angular version 6.7.0 and following the steps in the link I'm getting this error:

    Code:
    ERROR in node_modules/@sencha/ext-angular/lib/base.d.ts:21:30 - error TS2694: Namespace '"E:/wamp64/wamp64/www/angular/test-ng/angular8withivy/node_modules/@sencha/ext-angular/node_modules/@angular/core/core"' has no exported member '??BaseDef'.
    
    21     static ngBaseDef: ?ngcc0.??BaseDef<base>;
                                    ~~~~~~~~~
    node_modules/@sencha/ext-angular/lib/ext-actionsheet.component.d.ts:15:35 - error TS2694: Namespace '"E:/wamp64/wamp64/www/angular/test-ng/angular8withivy/node_modules/@sencha/ext-angular/node_modules/@angular/core/core"' has no exported member '??ComponentDefWithMeta'.
    
    
    15     static ngComponentDef: ?ngcc0.??ComponentDefWithMeta<ExtActionsheetComponent, "actionsheet", never, { 'activeChildTabIndex': "activeChildTabIndex", 'activeItem': "activeItem", 'allowFocusingDisabledChildren': "allowFocusingDisabledChildren", 'alwaysOnTop': "alwaysOnTop", 'anchor': "anchor", '
    anchorPosition': "anchorPosition", 'ariaAttributes': "ariaAttributes", 'ariaDescribedBy': "ariaDescribedBy", 'ariaLabel': "ariaLabel", 'ariaLabelledBy': "ariaLabelledBy", 'autoDestroy': "autoDestroy", 'autoSize': "autoSize", 'axisLock': "axisLock", 'bbar': "bbar", 'bind': "bind", 'bodyBorder': "body
    Border", 'bodyPadding': "bodyPadding", 'bodyStyle': "bodyStyle", 'border': "border", 'bottom': "bottom", 'buttonAlign': "buttonAlign", 'buttons': "buttons", 'buttonToolbar': "buttonToolbar", 'cardSwitchAnimation': "cardSwitchAnimation", 'centered': "centered", 'closable': "closable", 'closeAction':
    "closeAction", 'closeToolText': "closeToolText", 'cls': "cls", 'collapsed': "collapsed", 'collapsible': "collapsible", 'constrainAlign': "constrainAlign", 'contentEl': "contentEl", 'control': "control", 'controller': "controller", 'cover': "cover", 'data': "data", 'defaultFocus': "defaultFocus", 'de
    faultListenerScope': "defaultListenerScope", 'defaults': "defaults", 'defaultToolWeights': "defaultToolWeights", 'defaultType': "defaultType", 'disabled': "disabled", 'displayed': "displayed", 'docked': "docked", 'draggable': "draggable", 'enter': "enter", 'enterAnimation': "enterAnimation", 'eventH
    andlers': "eventHandlers", 'exit': "exit", 'exitAnimation': "exitAnimation", 'flex': "flex", 'floated': "floated", 'focusableContainer': "focusableContainer", 'focusCls': "focusCls", 'fullscreen': "fullscreen", 'header': "header", 'headerPosition': "headerPosition", 'height': "height", 'hidden': "hi
    dden", 'hideAnimation': "hideAnimation", 'hideMode': "hideMode", 'hideOnMaskTap': "hideOnMaskTap", 'html': "html", 'icon': "icon", 'iconAlign': "iconAlign", 'iconCls': "iconCls", 'id': "id", 'inactiveChildTabIndex': "inactiveChildTabIndex", 'innerCls': "innerCls", 'instanceCls': "instanceCls", 'item
    Id': "itemId", 'items': "items", 'keyMap': "keyMap", 'keyMapEnabled': "keyMapEnabled", 'keyMapTarget': "keyMapTarget", 'layout': "layout", 'lbar': "lbar", 'left': "left", 'listeners': "listeners", 'manageBorders': "manageBorders", 'margin': "margin", 'masked': "masked", 'maxHeight': "maxHeight", 'ma
    xWidth': "maxWidth", 'minButtonWidth': "minButtonWidth", 'minHeight': "minHeight", 'minWidth': "minWidth", 'modal': "modal", 'modelValidation': "modelValidation", 'name': "name", 'nameable': "nameable", 'nameHolder': "nameHolder", 'padding': "padding", 'plugins': "plugins", 'publishes': "publishes",
     'rbar': "rbar", 'record': "record", 'reference': "reference", 'referenceHolder': "referenceHolder", 'relative': "relative", 'renderTo': "renderTo", 'resetFocusPosition': "resetFocusPosition", 'resizable': "resizable", 'reveal': "reveal", 'right': "right", 'ripple': "ripple", 'scrollable': "scrollab
    le", 'selfAlign': "selfAlign", 'session': "session", 'shadow': "shadow", 'shareableName': "shareableName", 'shim': "shim", 'showAnimation': "showAnimation", 'side': "side", 'standardButtons': "standardButtons", 'stateful': "stateful", 'statefulDefaults': "statefulDefaults", 'stateId': "stateId", 'st
    retchX': "stretchX", 'stretchY': "stretchY", 'style': "style", 'tabIndex': "tabIndex", 'tbar': "tbar", 'title': "title", 'titleAlign': "titleAlign", 'toFrontOnShow': "toFrontOnShow", 'toolDefaults': "toolDefaults", 'tools': "tools", 'tooltip': "tooltip", 'top': "top", 'touchAction': "touchAction", '
    tpl': "tpl", 'tplWriteMode': "tplWriteMode", 'translatable': "translatable", 'twoWayBindable': "twoWayBindable", 'ui': "ui", 'userCls': "userCls", 'userSelectable': "userSelectable", 'viewModel': "viewModel", 'weight': "weight", 'weighted': "weighted", 'width': "width", 'x': "x", 'xtype': "xtype", '
    y': "y", 'zIndex': "zIndex", 'platformConfig': "platformConfig", 'responsiveConfig': "responsiveConfig", 'align': "align", 'fitToParent': "fitToParent", 'config': "config" }, { 'activate': "activate", 'activeItemchange': "activeItemchange", 'add': "add", 'added': "added", 'beforeactiveItemchange': "
    beforeactiveItemchange", 'beforebottomchange': "beforebottomchange", 'beforecenteredchange': "beforecenteredchange", 'beforecollapse': "beforecollapse", 'beforedisabledchange': "beforedisabledchange", 'beforedockedchange': "beforedockedchange", 'beforeexpand': "beforeexpand", 'beforeheightchange': "
    beforeheightchange", 'beforehiddenchange': "beforehiddenchange", 'beforehide': "beforehide", 'beforeleftchange': "beforeleftchange", 'beforemaxHeightchange': "beforemaxHeightchange", 'beforemaxWidthchange': "beforemaxWidthchange", 'beforeminHeightchange': "beforeminHeightchange", 'beforeminWidthchan
    ge': "beforeminWidthchange", 'beforeorientationchange': "beforeorientationchange", 'beforeresizedragstart': "beforeresizedragstart", 'beforerightchange': "beforerightchange", 'beforescrollablechange': "beforescrollablechange", 'beforeshow': "beforeshow", 'beforetofront': "beforetofront", 'beforetopc
    hange': "beforetopchange", 'beforewidthchange': "beforewidthchange", 'blur': "blur", 'bottomchange': "bottomchange", 'centeredchange': "centeredchange", 'collapse': "collapse", 'deactivate': "deactivate", 'destroy': "destroy", 'disabledchange': "disabledchange", 'dockedchange': "dockedchange", 'draw
    erhide': "drawerhide", 'drawershow': "drawershow", 'erased': "erased", 'expand': "expand", 'floatingchange': "floatingchange", 'focus': "focus", 'focusenter': "focusenter", 'focusleave': "focusleave", 'fullscreen': "fullscreen", 'heightchange': "heightchange", 'hiddenchange': "hiddenchange", 'hide':
     "hide", 'initialize': "initialize", 'leftchange': "leftchange", 'maxHeightchange': "maxHeightchange", 'maxWidthchange': "maxWidthchange", 'minHeightchange': "minHeightchange", 'minWidthchange': "minWidthchange", 'move': "move", 'moved': "moved", 'orientationchange': "orientationchange", 'painted':
    "painted", 'positionedchange': "positionedchange", 'remove': "remove", 'removed': "removed", 'renderedchange': "renderedchange", 'resize': "resize", 'resizedrag': "resizedrag", 'resizedragcancel': "resizedragcancel", 'resizedragend': "resizedragend", 'resizedragstart': "resizedragstart", 'rightchang
    e': "rightchange", 'scrollablechange': "scrollablechange", 'show': "show", 'tofront': "tofront", 'topchange': "topchange", 'updatedata': "updatedata", 'widthchange': "widthchange", 'ready': "ready" }, never>;
                                         ~~~~~~~~~~~~~~~~~~~~~~
    node_modules/@sencha/ext-angular/lib/ext-angular-bootstrap.component.d.ts:6:35 - error TS2694: Namespace '"E:/wamp64/wamp64/www/angular/test-ng/angular8withivy/node_modules/@sencha/ext-angular/node_modules/@angular/core/core"' has no exported member '??ComponentDefWithMeta'.
    
    
    6     static ngComponentDef: ?ngcc0.??ComponentDefWithMeta<ExtAngularBootstrapComponent, "app-root", never, {}, {}, never>;
                                        ~~~~~~~~~~~~~~~~~~~~~~
    node_modules/@sencha/ext-angular/lib/ext-angular-bootstrap.service.d.ts:11:36 - error TS2694: 39m0mNamespace '"E:/wamp64/wamp64/www/angular/test-ng/angular8withivy/node_modules/@sencha/ext-angular/node_modules/@angular/core/core"' has no exported member '??InjectableDef'.
    
    
    11     static ngInjectableDef: ?ngcc0.??InjectableDef<ExtAngularBootstrapService>;
                                          ~~~~~~~~~~~~~~~
    node_modules/@sencha/ext-angular/lib/ext-angular.module.d.ts:228:32 - error TS2694: Namespace '"E:/wamp64/wamp64/www/angular/test-ng/angular8withivy/node_modules/@sencha/ext-angular/node_modules/@angular/core/core"' has no exported member '??NgModuleDefWithMeta'.
    
    
    228     static ngModuleDef: ?ngcc0.??NgModuleDefWithMeta<ExtAngularModule, [typeof ?ngcc1.ExtAngularBootstrapComponent, typeof ?ngcc2.ExtActionsheetComponent, typeof ?ngcc3.ExtAudioComponent, typeof ?ngcc4.ExtButtonComponent, typeof ?ngcc5.ExtCalendar_eventComponent, typeof ?ngcc6.ExtCalendar_form_a
    ddComponent, typeof ?ngcc7.ExtCalendar_calendar_pickerComponent, typeof ?ngcc8.ExtCalendar_form_editComponent, typeof ?ngcc9.ExtCalendar_timefieldComponent, typeof ?ngcc10.ExtCalendar_daysheaderComponent, typeof ?ngcc11.ExtCalendar_weeksheaderComponent, typeof ?ngcc12.ExtCalendar_listComponent, type
    of ?ngcc13.ExtCalendar_dayComponent, typeof ?ngcc14.ExtCalendar_daysComponent, typeof ?ngcc15.ExtCalendar_monthComponent, typeof ?ngcc16.ExtCalendarComponent, typeof ?ngcc17.ExtCalendar_weekComponent, typeof ?ngcc18.ExtCalendar_weeksComponent, typeof ?ngcc19.ExtCalendar_dayviewComponent, typeof ?ngc
    c20.ExtCalendar_daysviewComponent, typeof ?ngcc21.ExtCalendar_monthviewComponent, typeof ?ngcc22.ExtCalendar_multiviewComponent, typeof ?ngcc23.ExtCalendar_weekviewComponent, typeof ?ngcc24.ExtCalendar_weeksviewComponent, typeof ?ngcc25.ExtCarouselComponent, typeof ?ngcc26.ExtAxis3dComponent, typeof
    Any ideas?

  4. #4
    Sencha Premium Member
    Join Date
    Mar 2016
    Posts
    9

    Default

    SO:
    Seems that ext-angular version 6.7.0 is not compatible with Angular 8, which is the version of Angular I am using.
    Brings me back to my original question, how do I bootstrap ext-angular version 7.0.0 with angular 8, as the linked article is now for older version of ext angular/

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •