0

我正在使用带有导出 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 加载器并查看我使用的一篇文章

"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;
}
4

0 回答 0