Deployed site: Uncaught SyntaxError: Unexpected token <

After building the site with:

ng build --prod --base-href "https;//<username>.github.io/<reponame>/

I can run the site with no issues on a local server.

However, after publishing via ngh, the online site just gives the following error 4 times:

SyntaxError: Unexpected token < (index):1

No other errors or information is given, so I have no idea what to do.

[vaibhav269]

I was facing the same issue .This is due the creation of project directory inside the dist folder which is not being pointed by index.html. Fixed it by changing the base tag from <base href="/"> to <base href="/project-app/"> inside index.html file.

[TyrantWave]

From my understanding, github pages require a _config.yml file, so the project structure I uploaded had to look like the following:

| assets/
+   | files
| _config.yml
| index.html
| inline/main/polyfills/styles/vendor.js

Until I had _config.yml, the site would constantly fail with the error in the original post. It worked as soon as the file was present.

Inside _config.yml I specified the base URL: baseurl: /ng2-parallaxscroll

Here’s the full project, check the origin/docs branch for the website source, and the gh-pages for the built output: https://github.com/TyrantWave/ng2-parallaxscroll

To add the _config.yml to the output, I added it to the angular.cli.json assets folder:

  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "favicon.ico",
        "_config.yml"
      ],
  ...
  ]