美文网首页
Vue + TypeScript 使用别名时提示模块找不到

Vue + TypeScript 使用别名时提示模块找不到

作者: 干煸小黄鱼儿 | 来源:发表于2020-04-16 11:22 被阅读0次

使用bash vue created xxx创建的vue项目,默认情况下已经做好了别名配置。但是当引入图片资源时仍然会提示错误

can not find module '@/assets/logo.png'

需要处理的地方有两处:

  • 手动添加 .png模块声明,shims-vue.d.ts文件添加declare module '*.png'
  • shims-vue.d.ts文件的import Vue from 'vue'需要放在declare module '*.vue'声明内部

shims-vue.d.ts

declare module '*.vue' {
  import Vue from 'vue';
  export default Vue;
}
declare module '*.jpg';
declare module '*.png';

具体原因未知,猜测可能是下边这种写法是错误的,进而导致接下来的declare module xxx没有生效

import Vue from 'vue';
declare module '*.vue' {
  export default Vue;
}
declare module '*.png';

相关文章

网友评论

      本文标题:Vue + TypeScript 使用别名时提示模块找不到

      本文链接:https://www.haomeiwen.com/subject/kgzlvhtx.html