在Apache tomcat服务器中渲染angular4构建文件（来自“ dist”文件夹）时，在Web浏览器上出现错误

Question

放置使用cli生成的Transpiled angular（ver 4）文件后

ng build --prod

构建日志：

  

C：\ Users \ TableApp> ng build --prod全局Angular CLI   版本（7.1.4）大于本地版本（1.4.10）。本地的   使用的是Angular CLI版本。

     

要禁用此警告，请使用“ ng config -g cli.warnings.versionMismatch   false”。日期：2019-02-06T09：32：27.806Z哈希：8fa5176d847526aca17c   时间：54627ms块{0} polyfills.09e0b303988c1d6c3513.bundle.js   （填充）104 kB {4} [初始] [渲染]块{1}   main.e220e3c0fa86b1c6bf08.bundle.js（主要）27 kB {3} [initial]   [呈现]块{2} styles.cc799a8655f46a70d4fa.bundle.css（样式）   124 kB {4} [初始] [渲染]块{3}   vendor.0c33029eb20ce4dbb587.bundle.js（供应商）1.28 MB [初始]   [呈现]块{4} inline.eac5b5cb55d53075e1aa.bundle.js（内联）   1.45 kB [entry] [rendered]

进入Java Web工作区的 webapp 文件夹，

以下是在 dist 文件夹中生成的转译文件

以下错误在网络浏览器控制台（当前使用Chrome）上出现，并且第一次和以后均未在屏幕上呈现任何内容。

Web浏览器上的HTML源：

下面提供的是polyfills.ts的内容

import 'core-js/es6/symbol';
import 'core-js/es6/object';
import 'core-js/es6/function';
import 'core-js/es6/parse-int';
import 'core-js/es6/parse-float';
import 'core-js/es6/number';
import 'core-js/es6/math';
import 'core-js/es6/string';
import 'core-js/es6/date';
import 'core-js/es6/array';
import 'core-js/es6/regexp';
import 'core-js/es6/map';
import 'core-js/es6/weak-map';
import 'core-js/es6/set';
import 'core-js/es6/reflect';
import 'zone.js/dist/zone'; 

您能帮忙解决此问题吗？

Answer 1

通过在构建命令中附加 base-href 选项解决了该问题

ng build --prod --base-href /myUrl/

其中 myUrl 是基本的网址路径。

---

Ref：https://github.com/angular/angular-cli/wiki/build