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

之前用"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”。

clipboard.png

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
阅读 4k
4 个回答

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

路径问题把 把./去掉

import tpl from 'XXX.yy'

这种写法必须得是目标文件里面有module抛出(export),没有就

import 'XXX.yy'

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

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

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

然后重启服务

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题