ASP.NET 코어 - 복수 각도 2 응용 프로그램 실행

Question

ASP.NET 코어로 여러 각도 2 응용 프로그램을 실행하는 동안 몇 가지 문제가 있습니다. Visual Studio 2015 템플릿에서

JavaScriptServices with prerendering feature

을 사용하고 있습니다.

내 솔루션의 구조는 here입니다.

contians 서버 측 경로와 ASP.NET 프로그램 및 각각을 ClientApp는 일단 boundled 코어는 wwwroot에 내부 복사된다.

여기에서 문제는 상승 기능을 사전 렌더링 입니다 :

내가 페이지를 다시로드 할 때 처음 ClientApp1 렌더링 후 또는 내가 ClientApp1 사이를 전환 할 때이 문제가 발생

Prerendering failed because of error: Error: Zone already loaded.

및 ClientApp2.

는

누군가 나를 부트 서버 및 부팅 클라이언트 스타일을 사용 Angular2 응용 프로그램을 여러 개 실행하는 적절한 방법은 무엇 제안 도와 드릴까요 ?

예/의견을 보내 주시면 감사하겠습니다. 문제는 github.com/aspnet/JavaScriptServices/issues/566

Answer 1

접근 방식에서 GitHub의도 열

나는 그것이 작동하는 것 같다 사용하고 단순히 웹팩 설정에서 여러 진입 점을 정의하는 것입니다.

const clientBundleConfig = { 
    entry: { 
    'front': './client/front/main.ts', 
    'admin': './client/admin/main.ts', 
    }, 
    output: { 
    path: './www/dist', 
    filename: '[name].bundle.js' 
    } 
    ... 
} 

이제 관련 각도 앱 전면 또는 관리자가 단일 HMR 프로세스에서 업데이트됩니다. 나는 그것이 동일한 웹 서버 프로세스를 사용하는 별도의 webpack 구성 및 HMR 프로세스로 작동하도록 할 수 없었고, 오직 첫 번째 응용 프로그램 만 업데이트된다는 것을 알았습니다.

업데이트 나는 여러 가지 이유로 인해 앱을 별도로 빌드해야했습니다. 이제 SteveSandersonMS에 따라 내가 연결된 Github 문제의 각 앱에 대해 UseWebpackDevMiddleware를 호출하는 제안을 따르므로 그의 제안에서 누락 된 유일한 단계는 각 앱에 대해 고유 한 종점을 지정해야한다는 것입니다.

app.UseWebpackDevMiddleware(new WebpackDevMiddlewareOptions 
{ 
    HotModuleReplacement = true, 
    ConfigFile = "webpack.front.js", 
    HotModuleReplacementEndpoint = "/__webpack_hmr_front" 
}); 

app.UseWebpackDevMiddleware(new WebpackDevMiddlewareOptions 
{ 
    HotModuleReplacement = true, 
    ConfigFile = "webpack.admin.js", 
    HotModuleReplacementEndpoint = "/__webpack_hmr_admin" 
});