fragment.js | A tiny tool for easily loading html fragments and templates

There is an issue with the arguments passed to method sql.unnest. It takes the data array as the first array and type array as the second argument.

That's what the error also says

Column types length must match tuple member length

So your code should change to something like

In the end I had to do this myself. Since all the fragments are of the same format, the following was possible:

I could not found a solution for the pdfjs library. But I found a library that worked better in my project. It is really easy to work with. Short Example:

Looks like you're not authenticated? You should use the rest api.

Example

Namespace is not an actual file path, it's whatever you have defined in your manifest as the root of your application, which is then propagated to every other file. The preload itself lives wherever your Component.js lives.

The preload looks like this:

To elaborate a bit; UI5 loads and caches files internally based on the namespace and filename, which is, as per the ID in the screenshot:

com.bus.inbox.mist.businessrolechange.Component.js for the component or com.bus.inbox.mist.businessrolechange.controllers.View1.controller.js for the controller of View1. If the preload doesn't match these id's, the caching mechanism cannot find them and the actual files are loaded regardless of the presence of the preload file.

In the example below (from WebIDE), the dist folder is deployed, and the webapp folder is stored in a git repository.

In some cases, the root is defined slightly differently, for instance resourceRoots in the bootstrap of the index.html file. This is mostly for standalone apps.

I found that after sap.ui.xmlfragment(), Fragment.load() exists. So add it to sap.ui.define or .require, then it works.

You will need Jquery in order for Bootstrap's javascript related features to function properly. I believe you only need Tether if you are using Bootstrap components like tooltips.

The order in application.js matters. Jquery, and Tether if you need it, needs to be loaded in before Bootstrap.

The problem is that you are using fetch. Use jQuery.AJAX