＃＃＃こんにちは、みんな：＃＃＃

electron のレンダリング スレッドで angular フレームワークを使用したいのですが、webpack でコードをパッケージ化したくないのです。electron のレンダリング スレッドは commonJS 構文もサポートしているため、Typescript を commonJS に変換するだけで済みます。パッケージ化せずに、index.html 内の対応するファイルを直接要求します。以下は私の実装プロセスです

最初に 3 つの ts ファイルを作成しました

app.component.ts
1. リーリー

app.module.ts
2. リーリー

main.ts
3. リーリー

次に、

tsc

を使用してこれら 3 つのファイルをコンパイルしますリーリー対応する

js

ファイルが生成され、ディレクトリ構造は次のとおりです:
次に、

index.html

require('./main')でリーリー電子プログラムを開始

これまでのところ、プログラムは正常に見え、目的を満たしていますが、入力ボックスの内容を変更すると問題が発生します。{{name}}# の下の

h1

タグの##式は入力ボックスの値によって変化しません。つまり、データ バインディングは効果がありません。＃＃＃次...＃＃＃次に、問題の原因を調査するために、webpack

を使用する前に、

tsc

によって生成された 3 つのjsファイルをパッケージ化しました。 リーリーindex.htmlのrequire

ステートメントを

require('./main.out')に置き換えて、プログラムを再度実行します

ここで入力の内容を変更すると、データ バインディングが有効になります。 ！ ！理由を知っている人はいますか?ご存知でしたら教えてください、よろしくお願いします！ ！ ！