Question

好吧，我在一个小项目中工作，一切都很好，当我制作一个构建文件时，一切都错了。这是由ng build生成的索引文件

{% load static %}
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Frontend</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link rel="stylesheet" href="{% static 'styles.1165db34b7e7158143e4.css' %}"></head>
<body>
  <app-root></app-root>
  <script src="{% static 'runtime-es2015.40ead21e007fa8741f0a.js' %}" type="module"></script>
  <script src="{% static 'runtime-es5.40ead21e007fa8741f0a.js' %}" nomodule defer></script>
  <script src="{% static 'polyfills-es5.86f7ad57e8b901d60e04.js' %}" nomodule defer></script>
  <script src="{% static 'polyfills-es2015.ae2ff135b6a0a9cb55e7.js' %}" type="module"></script>
  <script src="{% static 'main-es2015.f1b8c0450fffd3db5039.js' %}" type="module"></script>
  <script src="{% static 'main-es5.f1b8c0450fffd3db5039.js' %}" nomodule defer></script></body>
</html>

这是我的路线。py

urlpatterns = [
path('admin/', admin.site.urls), 
path('login/', include('apps.index.urls')),
path('api/v1.0/', include('apps.abogado.api.urls')),
path('api/v1.0/', include('apps.despacho.api.urls')),
path('api/v1.0/', include('apps.proceso.api.urls')),
path('api/token/', jwt_views.TokenObtainPairView.as_view(), name='token_obtain_pair'),
path('api/token/refresh/', jwt_views.TokenRefreshView.as_view(), name='token_refresh'),

] +静态（settings.MEDIA_URL，document_root = settings.MEDIA_ROOT）

这是我的登录名

<div class="login-div">

<div class="image-div">
    <img [src]="'/assets/logo.svg'">
</div>
<form action="" class="formulario">
    
    <div class="fields">
        <div class="username"><input type="text"  class="user-input" name="username" 
        placeholder="usuario" [(ngModel)]="user.username"></div>
        <div class="password">
        <input type="password" class="pass-input" name="password" placeholder="contraseña" 
        [(ngModel)]="user.password"></div>
    </div>
    <button type="submit" class='signin-button' (click)="login()" >Login</button>
</form>

使用此代码，用户将重定向到仪表板

login(user:object) {
return this.http.post('http://127.0.0.1:8000/api/token/', JSON.stringify(user), 
 this.httpOptions).subscribe(
  res => {
    this.almacenarCredenciales(res, user);
    this.router.navigateByUrl('dashboard/proceso/todas-notificaciones')
  }
);

}

登录后，用户将重定向到仪表板，这是所有魔术发生的地方

    <mat-toolbar color="primary" class="board-toolbar">    <mat-icon aria-hidden="false" aria-label="Example menu icon" (click)="drawer.toggle()">menu</mat-icon>
    <span class="example-spacer"></span>
    <button mat-icon-button [matMenuTriggerFor]="menu" aria-label="Example icon-button with a menu">
        <mat-icon>more_vert</mat-icon>
    </button>
    <mat-menu #menu="matMenu">
        <button mat-menu-item (click)="salir()">
            <mat-icon>login</mat-icon>
            <span>salir</span>
          </button>
          <button mat-menu-item (click)="cambiarTema()">
            <mat-icon>brightness_4</mat-icon>
            <span>cambiar tema</span>
          </button>
    </mat-menu>
    
</mat-toolbar>
<mat-sidenav-container class="board-container" >
    <mat-sidenav #drawer class="board-sidenav" [mode]="mobileQuery.matches ? 'over' : 'side'" 
         [fixedInViewport]="mobileQuery.matches" fixedTopGap="56">
        <app-left-panel></app-left-panel>
    </mat-sidenav>
    <router-outlet></router-outlet>

</mat-sidenav-container>

好吧，当我尝试运行web-aap都失败时，我认为这是因为从登录到仪表板的更改，但我不知道如何纠正

Angular 9生产文件在Django中失败。 ChunkLoadError

0 个答案: