lmcarreiro / ui5-typescript-example Goto Github PK
View Code? Open in Web Editor NEWa Master-Detail demo app (the same available in SAPUI5/OpenUI5 SDK) using TypeScript with npm ui5ts package
a Master-Detail demo app (the same available in SAPUI5/OpenUI5 SDK) using TypeScript with npm ui5ts package
I am getting below issues with jQuery/index.d.ts and sap.d.ts
I am the steps given in the Readme were performed but when I build the app using Mac in Visual Studio Code (Command+ Shift +B ) it is throwing these errors.
Thanks for your help.
[10:40:48 AM] Starting compilation in watch mode...
node_modules/@types/jquery/index.d.ts:117:5 - error TS2717: Subsequent property declarations must have the same type. Property 'support' must be of type 'JQuerySupport', but here hastype 'PlainObject'.
117 support: JQuery.PlainObject;
~~~~~~~
node_modules/ui5ts/ui5-types/1.48/sap.d.ts:94179:48 - error TS2304: Cannot find name 'IterableIterator'.
94179 protected cellGenerator(): IterableIterator;
~~~~~~~~~~~~~~~~
node_modules/ui5ts/ui5-types/1.48/sap.d.ts:94185:50 - error TS2304: Cannot find name 'IterableIterator'.
94185 protected columnGenerator(): IterableIterator;
~~~~~~~~~~~~~~~~
node_modules/ui5ts/ui5-types/1.48/sap.d.ts:94262:47 - error TS2304: Cannot find name 'IterableIterator'.
94262 protected rowGenerator(): IterableIterator;
~~~~~~~~~~~~~~~~
[10:40:51 AM] Found 4 errors. Watching for file changes.
Hi @lmcarreiro,
I wrote a parser to get better typings from the UI5 Documentation to use with your decorator.
check it out here:
https://github.com/apazureck/UI5TypescriptDefinitionParser/tree/develop
I tried to use it with your repo. Thus, I forked it:
https://github.com/apazureck/ui5-typescript-example
The fork contains the typings.
declare module "foo"
to be file system independent.import foo from "bar"
and get more stable code without missing modules. So maybe some globals are missing. I started with sap/ui/Global
and declared everything there as module AND namespace.sap.ui.base.Event
class and Model
class, but more will follow when everything is workingSo I have some problems:
The transpiler seems to create a wrong import in mockserver.ts
. It imports import MockServer from "sap/ui/core/util/MockServer";
as MockServer_1 in javascript, but the MockServer_1 has this structure:
{
default: {
default: function (e,t,n) { ... }
}
}
}
Which causes the error:
TypeError: MockServer_1.default is not a constructor
mockserver.ts:30
at Object.init (c:\dev\ui5-typescript-example\src\localService\mockserver.ts:30:23)
at http://localhost:3000/:31:24
at c:\dev\ui5-typescript-example\out\resources\sap-ui-core.js:88:2587
TypeError: Cannot read property 'Binding' of undefined
extensions::runtime:7
at extensions::runtime:7:46
Error: "Natives disabled"
extensions::app:7
at (anonymous) (extensions::app:7:22)
Error: "Natives disabled"
extensions::webstore:7
at (anonymous) (extensions::webstore:7:22)
I used my gulp to automate the build. The output is in the out
folder. Sources are still in the src
folder.
You should be able to use the example with vscode:
> npm install
> gulp
F5 will attach the debugger. Make sure the chrome debug extension is installed.
I do not understand properly what is happening in the factory and why there are two default exports, maybe you can help me understanding this problem and adjusting the typings accordingly?
Thanks & regards
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.