美文网首页
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