angular - Angular cli - プレフィックス付きのモジュールとして html をインポートします。Webpack ローダーが機能しない

Question

エクスポートされた webpack で angular 6 と angular cli 1.7 を使用しています。要件は、amd モジュールを使用し、html をコンポーネントにインポートすることです。

import * as html from 'text!./app.component.html';
@Component({
   selector: 'app-root',
   template: html
})

「npm start」を実行すると、ターミナルで例外が発生してエラーが発生します

ERROR in ./src/app/app.component.ts
Module not found: Error: Can't resolve 'text' in 
'...../src/app'
@ ./src/app/app.component.ts 11:0-83:2
@ ./src/app/app.module.ts
@ ./src/main.ts
@ multi (webpack)-dev-server/client?http://localhost:4200 ./src/main.ts

私はwebpackローダーを見始め、私が使用した1つの投稿を見始めました

"resolveLoader": {
    "alias": {
       "text": 'raw-loader'
    }
}

これはコンパイルに役立ちましたが、アプリはエラーになります。したがって、開発ツールでは、次のようなログが表示されます

Uncaught Error: The periodical "launch" failed with error "Error: Template parse errors:
Unexpected closing tag "div"

どうすればいいのかわかりません:(「text!./app.component.html」のようなインポートを引き続き使用し、コンパイルして実行するにはどうすればよいですか。

助けてください。

module.d.ts には

declare module "text!*" {
    const value: string;
    export = value;
}