Angular 路由器出口和路由器链接可与ng SERVICE一起使用，但不能与ng build一起使用

我是angular 2开发的新手，我正在使用路由模块构建一个应用程序。 当我使用ng serve运行它时，我可以在不同的组件之间移动， 但是当我用“

ng build

”或“

ng build--prod

”构建它时，我看不到需要显示的组件。 有人能帮我弄清楚吗

当我在chrome中打开控制台时，我看到以下消息：

错误：未捕获（承诺中）：安全错误：无法执行 “历史记录”上的“replaceState”：具有URL的历史记录状态对象 'file:///C:/Users/tc34677/Documents/GitHub/Emint-扎巴德/区/家' 无法在来源为“null”且URL为的文档中创建 'file:///C:/Users/tc34677/Documents/GitHub/Emint-Zabad/dist/index.html”。 错误：未能对“历史记录”执行“replaceState”：历史记录状态 具有URL的对象 'file:///C:/Users/tc34677/Documents/GitHub/Emint-扎巴德/区/家' 无法在来源为“null”且URL为的文档中创建 'file:///C:/Users/tc34677/Documents/GitHub/Emint-Zabad/dist/index.html”。 在BrowserPlatformLocation.webpackJsonp…/../../../platform browser/@angular/platform-browser.es5.js.BrowserPlatformLocation.replaceState （platformbrowser.es5.js:1925） 在PathLocationStrategy.webpackJsonp…/../common/@angular/common.es5.js.PathLocationStrategy.replaceState （common.es5.js:640） 在Location.webpackJsonp…/../common/@angular/common.es5.js.Location.replaceState （common.es5.js:321） 在router.es5.js:4163 在SafeSubscriber._next（Observable.js:224） 在SafeSubscriber.webpackJsonp…/../../../../rxjs/Subscriber.js.SafeSubscriber.\uu tryOrSetError （订户：js:247） 在SafeSubscriber.webpackJsonp…/../../../../rxjs/Subscriber.js.SafeSubscriber.next （订户：js:187） 在Subscriber.webpackJsonp…/../../../../rxjs/Subscriber.js.Subscriber.\u下一步 （订户：js:125） 在Subscriber.webpackJsonp…/../../../../rxjs/Subscriber.js.Subscriber.next （订户：js:89） 在MapSubscriber.webpackJsonp…/../../../../rxjs/operator/map.js.MapSubscriber.\u下一步 （地图js:83） 在BrowserPlatformLocation.webpackJsonp…/../../../platform browser/@angular/platform-browser.es5.js.BrowserPlatformLocation.replaceState （platformbrowser.es5.js:1925） 在PathLocationStrategy.webpackJsonp…/../common/@angular/common.es5.js.PathLocationStrategy.replaceState （common.es5.js:640） 在Location.webpackJsonp…/../common/@angular/common.es5.js.Location.replaceState （common.es5.js:321） 在router.es5.js:4163 在SafeSubscriber._next（Observable.js:224） 在SafeSubscriber.webpackJsonp…/../../../../rxjs/Subscriber.js.SafeSubscriber.\uu tryOrSetError （订户：js:247） 在SafeSubscriber.webpackJsonp…/../../../../rxjs/Subscriber.js.SafeSubscriber.next （订户：js:187） 在Subscriber.webpackJsonp…/../../../../rxjs/Subscriber.js.Subscriber.\u下一步 （订户：js:125） 在Subscriber.webpackJsonp…/../../../../rxjs/Subscriber.js.Subscriber.next （订户：js:89） 在MapSubscriber.webpackJsonp…/../../../../rxjs/operator/map.js.MapSubscriber.\u下一步 （地图js:83） 在resolvePromise（zone.js:795） 在resolvePromise（zone.js:766） 在zone.js:844 在ZoneDelegate.webpackJsonp…/../../../../../zone.js/dist/zone.js.ZoneDelegate.invokeTask （zone.js:425） 位于Object.onInvokeTask（core.es5.js:3881） 在ZoneDelegate.webpackJsonp…/../../../../../zone.js/dist/zone.js.ZoneDelegate.invokeTask （zone.js:424） 位于Zone.webpackJsonp…/../../../../../Zone.js/dist/Zone.js.Zone.runTask（Zone.js:192） 在drainMicroTaskQueue（zone.js:602） 在defaultErrorLogger@core.es5.js:1020

---

当您使用

ng serve

时，会实例化一个基于节点的lite服务器，为您的应用程序提供服务，当您使用

ng build

时，它只是编译并生成带有输出的dist文件夹，似乎您正试图用绝对路径

c:\…index.html>在浏览器中打开html页面，如果在这种情况下，您需要在运行前将应用程序托管在某个位置，可能是在IIS或其他主机上，希望这对您有所帮助！！，干杯我也面临这个问题。从托管位置访问页面时，在浏览器控制台中出现此错误。编辑：以防此详细信息有助于诊断。使用节点作为服务器<代码>生成和节点./location/to/startfile

。这是我在节点启动脚本中的内容。并将“dist”文件夹作为静态公用文件夹包含在节点中。