# 通知設計書 27-AsyncDependencyToInitialChunkError

## 概要

本ドキュメントは、Webpackにおける `AsyncDependencyToInitialChunkError` の通知仕様を定義する。初期チャンクのオンデマンド読み込みが試みられた場合に発行されるエラークラスである。

### 本通知の処理概要

AsyncDependencyToInitialChunkErrorは、Webpackのチャンクグラフ構築フェーズ（buildChunkGraph）において、既にエントリーポイントとして使用されているチャンク名がdynamic import()のチャンク名として指定された場合に発行されるエラー通知である。

**業務上の目的・背景**：エントリーポイントとして定義されたチャンクは初期チャンクであり、ページ読み込み時に即座に実行される。このチャンクをオンデマンド（遅延）読み込みすることは論理的に矛盾する。初期チャンクは既にHTMLに直接含まれているため、dynamic import()で再度読み込む意味がない。この設定ミスを検出し、開発者に正しいチャンク名の使用を促すためのエラーである。

**通知の送信タイミング**：buildChunkGraph処理中にチャンクグループの関連付けが行われる際、非同期依存ブロック（AsyncDependenciesBlock）のチャンクグループが初期チャンクであることが判明した時点で発行される。

**通知の受信者**：Webpackビルドを実行する開発者。compilation.errorsに蓄積されビルドエラーとして表示される。

**通知内容の概要**：オンデマンド読み込みが試みられたチャンク名を含むエラーメッセージ。

**期待されるアクション**：開発者は、dynamic import()で使用しているチャンク名（webpackChunkName magic comment）がエントリーポイント名と重複していないか確認し、別のチャンク名に変更するか、dynamic import()の使い方を見直す。

## 通知種別

ビルドエラー（Webpack Compilation Error）。コンソール出力およびStats APIを通じて開発者に通知される。

## 送信仕様

### 基本情報

| 項目 | 内容 |
|-----|------|
| 送信方式 | 同期（buildChunkGraph処理中に即座に生成） |
| 優先度 | 高（エラーレベル） |
| リトライ | なし（一度きりのエラー発行） |

### 送信先決定ロジック

buildChunkGraph内で非同期依存ブロックの処理時、チャンクグループがisInitial()であることが判明した場合にエラーを生成してcompilation.errorsに直接追加する。

## 通知テンプレート

### メール通知の場合

該当なし。本通知はメール通知ではなく、Webpackビルド出力として表示される。

### 本文テンプレート

```
ERROR in It's not allowed to load an initial chunk on demand. The chunk name "{チャンク名}" is already used by an entrypoint.
```

### 添付ファイル

該当なし。

## テンプレート変数

| 変数名 | 説明 | データ取得元 | 必須 |
|--------|------|-------------|-----|
| chunkName | 重複するチャンク名 | AsyncDependenciesBlock.chunkName | Yes |
| module | 依存元モジュール | 処理中のモジュール | Yes |
| loc | ソースコード上の位置情報 | AsyncDependenciesBlock.loc | Yes |
| name | エラー名 | 固定値 "AsyncDependencyToInitialChunkError" | Yes |

## 送信トリガー・条件

### トリガー一覧

| トリガー種別 | トリガーイベント | 送信条件 | 説明 |
|------------|----------------|---------|------|
| チャンクグラフ構築 | buildChunkGraph内の非同期依存処理 | 非同期依存ブロックのチャンクグループが isInitial() === true | エントリーポイント名と動的チャンク名が重複 |

### 送信抑止条件

| 条件 | 説明 |
|-----|------|
| チャンクグループが初期チャンクでない | c.isInitial() === false の場合はエラーなし |
| チャンク名がエントリーポイントと重複しない | 別名を使用している場合はエラーなし |

## 処理フロー

### 送信フロー

```mermaid
flowchart TD
    A[buildChunkGraph処理] --> B[非同期依存ブロック処理]
    B --> C[チャンクグループを取得/生成]
    C --> D{チャンクグループがisInitial()?}
    D -->|No| E[正常処理継続]
    D -->|Yes| F[AsyncDependencyToInitialChunkError生成]
    F --> G[compilation.errors.push]
    G --> H[処理継続]
    E --> H
```

## データベース参照・更新仕様

### 参照テーブル一覧

該当なし。Webpackはデータベースを使用しない。

### 更新テーブル一覧

該当なし。

## エラー処理

### エラーケース一覧

| エラー種別 | 発生条件 | 対処方法 |
|----------|---------|---------|
| 該当なし | - | エラーは発行されるがビルド処理自体は継続する |

### リトライ仕様

| 項目 | 内容 |
|-----|------|
| リトライ回数 | なし |
| リトライ間隔 | 該当なし |
| リトライ対象エラー | 該当なし |

## 配信設定

### レート制限

| 項目 | 内容 |
|-----|------|
| 1分あたり上限 | 制限なし |
| 1日あたり上限 | 制限なし |

### 配信時間帯

制限なし。ビルド実行時に即座にエラーが生成される。

## セキュリティ考慮事項

チャンク名のみがエラーメッセージに含まれ、機密情報は含まれない。

## 備考

- WebpackErrorを基底クラスとして継承している
- moduleプロパティに依存元モジュールへの参照を保持
- locプロパティにdynamic import()のソースコード位置を保持
- buildChunkGraph.jsは非常に大きなファイルであり、チャンクグラフ構築の中核ロジックを含む

---

## コードリーディングガイド

本通知を理解するために参照すべきファイルと、推奨する読み解き順序を以下に示す。

### 推奨読解順序

#### Step 1: データ構造を理解する

AsyncDependencyToInitialChunkErrorクラスの構造を理解する。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 1-1 | WebpackError.js | `lib/WebpackError.js` | 基底クラス |
| 1-2 | AsyncDependencyToInitialChunkError.js | `lib/AsyncDependencyToInitialChunkError.js` | chunkName, module, locの3引数。メッセージにチャンク名を埋め込み |

**読解のコツ**: コンストラクタ（20-31行目）は非常にシンプル。メッセージ文字列内にチャンク名を埋め込み、module/locプロパティを設定するのみ。

#### Step 2: エントリーポイントを理解する

buildChunkGraph.js内での発行箇所を理解する。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 2-1 | buildChunkGraph.js | `lib/buildChunkGraph.js` | 636-646行目で初期チャンクへの非同期依存を検出 |

**主要処理フロー**:
1. **638行目**: `c = cgi.chunkGroup` でチャンクグループを取得
2. **639行目**: `c.isInitial()` で初期チャンクか判定
3. **640-646行目**: 初期チャンクの場合、compilation.errors.pushでエラーを追加

#### Step 3: チャンクグループの初期チャンク判定を理解する

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 3-1 | buildChunkGraph.js | `lib/buildChunkGraph.js` | 非同期依存ブロックの処理コンテキストを理解する |

**主要処理フロー**:
- チャンクグループのisInitial()は、そのグループがエントリーポイントに由来するかどうかを返す
- 同じチャンク名が既にエントリーポイントで使用されている場合、既存のチャンクグループが返される

### プログラム呼び出し階層図

```
buildChunkGraph(compilation, inputEntrypointsAndModules)
    |
    +-- 非同期依存ブロック処理ループ
            |
            +-- chunkGroupInfo取得 (cgi.chunkGroup)
            |
            +-- c.isInitial() 判定 (639行目)
            |
            +-- new AsyncDependencyToInitialChunkError(chunkName, module, b.loc)
            |       |
            |       +-- super(`It's not allowed to load an initial chunk on demand...`)
            |       +-- this.module = module
            |       +-- this.loc = loc
            |
            +-- compilation.errors.push(error)
```

### データフロー図

```
[入力]                           [処理]                         [出力]

AsyncDependenciesBlock -------> チャンクグループ取得 -------> AsyncDependencyToInitialChunkError
    |                               |                              |
    +-- chunkName ----------------> isInitial() 判定               |
    +-- loc --------------------->                                 v
                                                          compilation.errors[]
module (依存元) ------------->
```

### 関連ファイル一覧

| ファイル | パス | 種別 | 役割 |
|---------|------|------|------|
| AsyncDependencyToInitialChunkError.js | `lib/AsyncDependencyToInitialChunkError.js` | ソース | エラークラス本体 |
| buildChunkGraph.js | `lib/buildChunkGraph.js` | ソース | エラーの発行箇所（チャンクグラフ構築） |
| WebpackError.js | `lib/WebpackError.js` | ソース | 基底エラー/警告クラス |
