如何在 typescript vue js 项目中将 html 文件作为模板导入为模块，以便在多个组件中使用相同的 html 文件？

Question

我正在尝试将外部 html 文件加载到 typescript 语言的 Vuejs 项目中，但 typescript 编译器给我的问题如下

ERROR  Failed to compile with 1 errors                                                                                                    3:51:57 PM
 error  in ./src/components/common/dynamic-render.html

我没有 webpack.config.js 因为这个项目是通过 vue-cli 生成的

我试图在vue-template-loader ts-loader的帮助下加载文件，但编译器仍然抛出同样的问题

仪表板.vue

import WithRender from "./common/dynamic-render.html";

@WithRender
@Component

我得到以下错误

ERROR  Failed to compile with 1 errors                                                                                                    3:51:57 PM
 error  in ./src/components/common/dynamic-render.html

Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders

Answer 1

您是否按照本文中的说明定义了shims-html.d.ts ？