안녕하세요 여러분:

electron의 렌더링 스레드에서 Angle 프레임워크를 사용하고 싶지만 웹팩으로 코드를 패키징하고 싶지 않습니다. 전자의 렌더링 스레드도 commonJS 구문도 지원하기 때문에 패키징 없이 Typescript만 commonJS로 변환하고 싶습니다. , index.html에서 직접 사용하려면 해당 파일이 필요합니다. 다음은 나의 구현 과정입니다

먼저 ts 파일 3개를 만들었어요

1. app.comComponent.ts

   으아악

2. app.module.ts

   으아악

3. main.ts

   으아악

그런 다음 tsc를 사용하여 이 세 파일을 컴파일하세요

이제 해당 js 파일이 생성되었으며 디렉터리 구조는 다음과 같습니다.

다음은 index.html中require('./main')

전자 프로그램 시작

지금까지는 프로그램이 정상적으로 보이고 목적에 부합하지만 입력 상자의 내용을 변경하면 다음 h1标签里面的{{name}}식이 입력 상자의 값으로 변경되지 않습니다. 즉, 데이터 바인딩이 없습니다. 효과.

다음...

다음으로 문제의 원인을 탐색하기 위해 webpacktsc生成的3个js文件使用webpack을 사용하여 이전에 생성된

패키징했습니다. 으아악 index.html中的require语句换成require('./main.out')Will