I am having Extjs6 App. I am using Sencha Architect for UI . When I am building web using build setting , testing build was getting following error after build is done and onclick of my index.html.
Uncaught Error: [Ext.createByAlias] Unrecognized alias: interaction.itemhighlight
at Ext.Inventory.instantiateByAlias (app.js:13520)
at Object.factory (app.js:7711) at constructor.applyInteractions (app.js:213699)
at constructor.setter [as setInteractions] (app.js:9056)
at constructor.addItemHighlight (app.js:206608)
at constructor.updateTooltip (app.js:206589)
at constructor.setter [as setTooltip] (app.js:9062)
Please help me to resolve this error.
Regards
This will be due to not requiring a class that you use, in development they are loaded dynamically.
To figure out what class is missing, you should run sencha app build testing which will not minify the code, and your error message will be more meaningful.
I had a similar issue, the problem seems to be that sencha is not importing the library when is creating the production or testing builds, you should add the library you are missing in "requires" section of the view that uses it in this case i think the library is 'Ext.chart.interactions.ItemHighlight' after this all your builds should work properly because sencha now knows that it needs this library in the build.
Sorry for my english, hope it helps.
Related
I have a simple universal app, which works just fine when tested using
sencha app watch
However, when i prepared a production/testing build version using
sencha app build testing/production
and tested it on a webserver, the errors started to come.
For example, the modern toolkit version has a form with passwordfield within and the error whown during the view instantiation is:
Uncaught Error: [Ext.createByAlias] Unrecognized alias: widget.passwordfield
Alternatively, the classic toolkit version has a simple container with layout: 'center' and the error here is:
Uncaught Error: [Ext.createByAlias] Unrecognized alias: layout.center
All this is very annoying, because it works just fine on sencha app watch.
Any ideas how to investigate this?
I'm pretty sure it is related to some sencha cmd configurations, but i have no way to find out where the problem is.
1.Try to use alias:'widget.x' and make sure that the file is included also Just try to add them to requires of your main view.
Whenever you are creating a instance of an object using xtype within an items array, that same class must have the fully qualified name of the class that defines that xtype.
This one might help you, refer this link:
Uncaught Error: [Ext.createByAlias] Cannot create an instance of unrecognized alias: widget
2.This is because you are using layout:'center' , without adding the layout to the requires section.'Ext.layout.container.Center' to your requires section and run the appplication.
requires:[
'Ext.layout.container.Center'
]
Refer this link:
Build the application: Error: [Ext.createByAlias] Unrecognized alias: layout.center
I have created a LWC (Lightening Web Component)by referring below documentation.
https://trailhead.salesforce.com/en/content/learn/projects/build-your-first-app-with-lightning-web-components-open-source/create-the-application
And, I expect to use jQuery by referring the below link
https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.js_third_party_library
But, getting module not found issue as follows,
Module not found: Error: Can't resolve 'lightning/platformResourceLoader'
Please can any one help me on this.
You are developing an app with lwc oss framework that lives outside the Salesforce platform, and you are trying to use the module 'lightning/platformResourceLoader' that is a module only available on Salesforce platform.
If you want to use JQuery in lwc oss, you need to install JQuery as npm package, or import as cdn
I have tried to split app.js and framework.js in sencha.
production.properties
enable.split.mode=true
This is working fine for creating sencha production build. But, when I run the application in device ( Android ) I'm facing the below issue.
Uncaught TypeError: Cannot set property 'blink' of undefined
at index.html:41
at index.html:41
Could someone give technical advice on this ?
My code works on development mode, uncompressed. But when I use grunt's minify functionality and run the app in production mode, I get that error: Uncaught TypeError: angular.module(...).run(...) is not a function.
When I look into the error in Google Chrome Developer Tools, I get what you see in the screenshot. Does anybody understand where the problem is?
I am using Angular 1.4+ in Angular-Fullstack. The error occurs in vendor.{{randomstring}}.js.
Thanks for any support!
You have 2 issues here.
Dependency injection. You can edit manually the archives or use https://github.com/mgol/grunt-ng-annotate this will do this automagically for you.
Concatenation. Check this grunt plugin https://github.com/gruntjs/grunt-contrib-concat the issue here is javascript dont understand when a function end/start because dont have a separation mark, check where the error is.
})(function(a,b) {
It should be:
});(function(a,b) {
Check the "Concatenating with a custom separator" example of grunt-contrib-concat
I've been working with my repo for a while, it's a clone of the angular2-seed repo. It includes webpack 2 (I think it's still beta) and async routes.
I did some tests and reverted to a previous state, but after installing packages with npm it fails loading async components with the following message in the browser:
browser_adapter.js:85 EXCEPTION: Error: Uncaught (in promise): Error: Cannot find module './+tickets'.
The plus sign is not a typo, the folder is actually called "+tickets" and it contains an index.ts file. It always worked, and now for some reason it doesn't.
I tried everything, but the error is so clueless that I don't know where to watch. Maybe the webpack-dev-server is not serving the files correctly..?
An alternative plan would be to start everything from scratch and then move the modules, but I'm really interested to where the problem is for future implementations.
Thanks a lot for the help
Hi I've created Angular2 lazy loading demo using RC 6.
Please checkout https://github.com/Quramy/ng2-lazy-load-demo .