Skip to content

baseHref breakes html of head #13851

Closed
@DzmVasileusky

Description

@DzmVasileusky

🐞 Bug report

Command (mark with an x)

- [x] serve

Is this a regression?

Haven't noticed

Description

When adding baseHref parameter to angular.json config ng serve produce html with broken head layout.

🔬 Minimal Reproduction

index.pug

doctype html
html(lang="en")
    head(lang="en")
        meta(charset="UTF-8")
    body.no-background.crx-app: crx-app

compiles by pug.loader to
<!DOCTYPE html><html lang="en"><head lang="en"><meta charset="UTF-8"></head><body class="no-background crx-app"><crx-app></crx-app></body></html>

but served page HTML is
<!DOCTYPE html><html lang="en"><head lang="en"><<base href="/test/">meta charset="UTF-8"></head><body class="no-background crx-app"><crx-app></crx-app><script type="text/javascript" src="runtime.js"></script><script type="text/javascript" src="polyfills.js"></script><script type="text/javascript" src="styles.js"></script><script type="text/javascript" src="scripts.js"></script><script type="text/javascript" src="vendor.js"></script><script type="text/javascript" src="main.js"></script></body></html>

<base href="/test/"> is inserted in <meta charset="UTF-8">

part of config

"build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
                    "baseHref": "/test/",
          }
}

🌍 Your Environment




Angular CLI: 7.3.3
Node: 8.11.4
OS: darwin x64
Angular: 7.2.7

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions