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

使用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 使用别名时提示模块找不到)