Hi @akudev . Thanks for the tutorial but when I try to run generated project I am getting an error:

Syntax error in file name, folder or ... ERROR: "watch:ts" exited with 1. Screenshot attached.

Maybe problem in updated packages version ? "devDependencies": { "@babel/cli": "^7.16.0", "@babel/core": "^7.16.0", "@babel/preset-env": "^7.16.4", "@babel/preset-typescript": "^7.16.0", "@openui5/ts-types-esm": "1.103.0", "@types/jquery": "3.5.1", "@typescript-eslint/eslint-plugin": "^5.6.0", "@typescript-eslint/parser": "^5.6.0", "@ui5/cli": "^2.14.1", "babel-preset-transform-ui5": "^7.0.5", "eslint": "^8.4.1", "npm-run-all": "^4.1.5", "typescript": "^4.5.3", "ui5-middleware-livereload": "^0.5.8" },

A violation against the OSS Rules of Play has been detected.

Rule ID: rl-reuse_tool-4 Explanation: Is it compliant with REUSE rules? No

Find more information at: https://sap.github.io/fosstars-rating-core/oss_rules_of_play_rating.html

Hi,

I cannot run exercise 8 on a fresh install due to the error

Uncaught (in promise) TypeError: Chart is not a constructor at _constructor._onAfterRendering [as onAfterRendering] (LineChart.ts:65:18) at Element._handleEvent (Element.js?eval:342:22) at finalizeRendering (RenderManager.js?eval:1275:16) at flushInternal (RenderManager.js?eval:1360:4) at RenderManager.render (RenderManager.js?eval:1510:4) at NavContainer.to (NavContainer.js:828:9) at TargetHandler._applyNavigationResult (TargetHandler.js:324:20) at TargetHandler.navigate (TargetHandler.js:100:32) at constructor.<anonymous> (Targets.js:36:26)

Steps to reproduce:

• Clone repo
• Run npm i inside ex8
• Run npm start

When changing the default import to a named import import { Chart } from "chart.js/auto"; a new error is thrown:

Uncaught (in promise) Error: "line" is not a registered controller. at Registry._get (auto.js:6643:17) at Registry.getController (auto.js:6589:21) at Chart.buildOrUpdateControllers (auto.js:8294:46) at Chart.update (auto.js:8328:37) at Chart.<anonymous> (auto.js:8099:48) at Chart._doResize (auto.js:481:14) at Chart._resize (auto.js:8177:20) at Chart.resize (auto.js:8156:16) at attached (auto.js:8692:16) at Chart.bindResponsiveEvents (auto.js:8704:11)

Hi Andreas, thank you very much for this excellent tutorial. I've learned a lot in it and code completion for UI5 in Visual Studio Code is a great help. In particular I appreciate the precise explanations and the background given. However I do not believe that anyone can do the tutorial in 1-2- hours, besides perhaps an android.

I found one thing ... After I completed exercise 8, the chart was not displayed for me. The reason was that the line import { chart } from "chart.js"; in the file src/control/LineChart.ts needs to be changed, e.g. into import chart from 'chart.js/auto'; according to https://www.chartjs.org/docs/latest/getting-started/integration.html#bundlers-webpack-rollup-etc .

Better is

// See https://www.chartjs.org/docs/latest/getting-started/integration.html#bundlers-webpack-rollup-etc
// import Chart from 'chart.js/auto';
import { Chart, registerables } from 'chart.js';
Chart.register(...registerables);

The problem occurs for "ui5-tooling-modules": "^0.3.0", but not for "ui5-tooling-modules": "^0.1.3"

Kind regards, Martin : )

The OSPO bot created this issue by mistake - It did not have enough priviledge to check the vulnerability alerts, So I am closing this issue now. Sorry for any inconvenience.