Angular + Electron - 應用程序中斷更新或更改

如果導航到路由localhost：4200/login進行更改或刷新，它可以正常工作。Angular + Electron - 應用程序中斷更新或更改

如果我導航到路由localhost：4200 /主，這是一個子模塊（受authguard保護），如果我對這些頁面中的任何組件進行更改或刷新，我會得到以下錯誤。

profile:16 GET http://localhost:4200/main/inline.bundle.js net::ERR_ABORTED 
12:53:35.010 profile:16 GET http://localhost:4200/main/polyfills.bundle.js net::ERR_ABORTED 
12:53:35.019 profile:16 GET http://localhost:4200/main/styles.bundle.js net::ERR_ABORTED 
12:53:35.053 profile:16 GET http://localhost:4200/main/vendor.bundle.js net::ERR_ABORTED 
12:53:35.053 profile:16 GET http://localhost:4200/main/main.bundle.js 404 (Not Found)

我使用納克服務--watch

@angular/cli: 1.4.5 
node: 6.11.3 
os: linux x64 
@angular/animations: 4.4.4 
@angular/cdk: 2.0.0-beta.12 
@angular/common: 4.4.4 
@angular/compiler: 4.4.4 
@angular/core: 4.4.4 
@angular/flex-layout: 2.0.0-rc.1 
@angular/forms: 4.4.4 
@angular/http: 4.4.4 
@angular/material: 2.0.0-beta.12 
@angular/platform-browser: 4.4.4 
@angular/platform-browser-dynamic: 4.4.4 
@angular/router: 4.4.4 
@angular/cli: 1.4.5 
@angular/compiler-cli: 4.4.4 
@angular/language-service: 4.4.4 
typescript: 2.5.3

另外需要注意的是它總能成功編譯爲我的應用程序。

chunk {common} common.chunk.js, common.chunk.js.map (common) 13.8 kB {main} [rendered] 
chunk {inline} inline.bundle.js, inline.bundle.js.map (inline) 5.83 kB [entry] 
chunk {main} main.bundle.js, main.bundle.js.map (main) 64.2 kB {vendor} [initial] 
chunk {main.module} main.module.chunk.js, main.module.chunk.js.map() 83.2 kB {main} 
chunk {polyfills} polyfills.bundle.js, polyfills.bundle.js.map (polyfills) 217 kB {inline} [initial] 
chunk {styles} styles.bundle.js, styles.bundle.js.map (styles) 66.4 kB {inline} [initial] 
chunk {vendor} vendor.bundle.js, vendor.bundle.js.map (vendor) 5.53 MB [initial] 

webpack: Compiled successfully.

來源

2017-10-12 KHAN

嘗試 NPM卸載-g角-CLI @角/ CLI NPM緩存清理 NPM安裝-g @角/ CLI @最新 –

嘿，我只是想如你所說，我仍然有同樣的問題，感謝sugguestion壽 – KHAN

您的index.html頭部是否有標籤？如果你不嘗試添加一個像，看看是否有幫助。 – jeddai

根據this post，問題在於Electron處理HTML5樣式的URL。爲了得到它的工作，你應該需要做的是告訴RouterModule使用混編網址，以類似的方式，以角1

這看起來像下面這樣：

@NgModule({ 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    RouterModule.forRoot(routes, { useHash: true }) // .../#/your-route/ 
    ]...

來源

2017-10-12 13:29:10 jeddai

Angular + Electron - 應用程序中斷更新或更改

回答

相關問題