Как исправить '' TypeError: System.config не является функцией '

Question

Я изучаю TypeScript, и сегодня я установил SystemJS, чтобы я мог импортировать некоторые файлы. Сначала я импортировал только основной файл, который нужно запустить, т.е. app.js, в index.html

<script src="node_modules/systemjs/dist/system.js"></script>
<script>
     System.import('app.js');
</script>

Но я получил эту ошибку: https://i.stack.imgur.com/lz7Hm.png

Итак, я превратил свой HTML-код в это:

<script src="node_modules/systemjs/dist/system.js"></script>
<script>
    System.config({
        baseURL: '/',
        packages: {
            "/ts": {
                defaultExtension: 'js'
            }
        }
    });
    System.import('app.js');
</script>

Теперь я получаю эту ошибку: https://i.stack.imgur.com/RS0k7.png

package.json:

{
  "name": "ts",
  "version": "1.0.0",
  "description": "",
  "main": "app.js",
  "dependencies": {
    "jquery": "^3.4.0",
    "systemjs": "^3.1.2",
    "typescript": "^3.4.2"
  },
  "devDependencies": {
    "lite-server": "^2.4.0"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "lite-server"
  },
  "author": "",
  "license": "ISC"
}

app.ts: console.log("Hello")

Я застрял в этой точке. Любая помощь будет оценена. Заранее спасибо.