vue+typescript创建项目是，提示找不到.html文件

Question

之前用"vue-html-loader": "^1.0.0", vue+js+webpack
将.vue文件拆成（.html+.css+.js）进行开发。进入。html文件没问题。

最近打算尝试ts.发现提示找不到
package.json:

"devDependencies": {
//...
"vue-html-loader": "^1.0.0",
}

[ts] 找不到模块“./demo-list.html”。

These relative modules were not found:

* ./vue2.html in ./fui-app/view/vue2/vue2.ts
* ./pwa.html in ./fui-app/view/pwa/pwa.ts
* ./index.html in ./fui-app/view/fui/index.ts
* ./main.html in ./src/directives/directives/vtip/main/main.ts, ./src/directives/directives/tooltip/main/main.ts
* ./scroll-menus.html in ./src/fui-components/components/scroll-menus/src/scroll-menus.ts
* ./all-menus.html in ./src/fui-components/components/all-menus/src/all-menus.ts
* ./search.html in ./fui-app/view/search/search.ts
* ./demo-list.html in ./fui-app/view/fui/demo-list/demo-list.ts

Answer 1

恕我无知,html文件可以import引入?

Answer 2

路径问题把 把./去掉

Answer 3

import tpl from 'XXX.yy'

这种写法必须得是目标文件里面有module抛出（export），没有就

import 'XXX.yy'

vue-html-loader我没用过，之前用过类似的html-loader，引入方法是直接在页面对应位置require目标文件。
根据我从npm查看的vue-html-loader官方文档，也是我说的用法

Answer 4

添加一个全局的*.d.ts 内容为

declare module "*.html" {
  const content: string
  export default content；
}

然后重启服务