Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Builder generates invalid XML

See original GitHub issue

Expected Behavior

That the builder will generate a valid XML view.

Current Behavior

It generates an invalid one (missing “f” namespace):

<mvc:View xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m" controllerName="sap.ui.demo.todo.controller.App" displayBlock="true"><App><Page><customHeader><f:ShellBar title="{i18n>TITLE}" homeIcon="./img/logo_ui5.png"/></customHeader><content><HBox class="create-todo-wrapper"><Input class="todoInput" id="addTodoItemInput" value="{/newTodo/text}" placeholder="{i18n>INPUT_PLACEHOLDER}" submit=".addTodo"/><DatePicker id="datepicker" valueFormat="dd/MM/yyyy" displayFormat="dd/MM/yyyy" value="{/newTodo/deadline}"/><Button type="Emphasized" text="{i18n>BUTTON}" press=".addTodo"/></HBox><List id="todoList" backgroundDesign="Transparent" mode="MultiSelect" showNoData="false" items="{ path:'/todos' }"><CustomListItem visible="{= !${done} }" selected="{done}"><HBox><VBox justifyContent="Center"><Text text="{text} - finish before: {deadline}"/></VBox><Button class="editButton" text="{i18n>EDIT}" press=".onEditTodo"/><Button type="Reject" text="{i18n>DELETE}" press=".onDeleteTodo"/></HBox></CustomListItem></List><Panel expandable="true" expanded="true" width="auto"><headerToolbar><OverflowToolbar style="Clear"><Title text="{i18n>COMPLETED}"/></OverflowToolbar></headerToolbar><content><List id="doneList" mode="MultiSelect" backgroundDesign="Transparent" items="{/todos}"><CustomListItem visible="{done}" selected="{done}"><HBox><VBox justifyContent="Center"><Text text="{text} - finish before: {deadline}"/></VBox><Button class="editButton" text="{i18n>EDIT}" press=".onEditTodo"/><Button type="Reject" text="{i18n>DELETE}" press=".onDeleteTodo"/></HBox></CustomListItem></List></content></Panel></content><dependents><Dialog id="editDialog" title="{i18n>EDIT_TODO}" contentWidth="400px"><content><VBox><Label text="{i18n>TODO_TITLE}" labelFor="input-title"/><TextArea width="100%" id="input-title" value="{/edit/text}"/><Label text="{i18n>TODO_DATE}" labelFor="input-date"/><DatePicker id="input-date" valueFormat="dd/MM/yyyy" displayFormat="dd/MM/yyyy" value="{/edit/deadline}"/></VBox></content><buttons><Button text="{i18n>CANCEL}" press=".onClose"/><Button type="Emphasized" text="{i18n>SAVE}" press=".onSave"/></buttons></Dialog></dependents></Page></App></mvc:View>

Steps to reproduce the issue

Clone sample repo git clone https://<SAP Cloud GitHub/Marius' User>/ui-tech-samples.git
cd sapui5-sample-app
Remove the yarn.lock file (the current lock file won’t break the build - I’m not sure why)
Run the following commands to build and host the dist folder
```
yarn install && yarn build && npx http-server dist
```

Context

UI5 Module Version (output of ui5 --version when using the CLI): 2.4.4 and 2.6.0
Node.js Version: v12.13.1
npm Version: 6.14.8
OS/Platform: MacOS Catalina 10.15.7