I am a .net / php / sql / JavaScript / Angular 1 developer, and now I am a little lost in relation to Angular 2/4.
I am trying to run Angular 4 without Node.JS
1) I downloaded the QuickStart seed found at https://angular.io/guide/setup
(Direct link: https://github.com/angular/quickstart/archive/master.zip )
2) As recommended in How to run an AngularJS2 application without a Node server
I downloaded SystemJS from https://github.com/systemjs/systemjs
3) Here is my current html:
<!DOCTYPE html>
<html>
<head>
<title>Angular QuickStart</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles.css">
<script src="systemjs/system.js"></script>
<script>
SystemJS.import('test.js')
</script>
</head>
<body>
<my-app>Loading AppComponent content here ...</my-app>
</body>
</html>
After the line, I get
SyntaxError: import declarations can only be displayed at the top level of the module
on line 1 of the .js system that reads
import { global, isBrowser, isWorker } from './common.js';
How can I get through this error?