DEV Community

Discussion on: Issue building Vue app

Collapse
 
briwa profile image
briwa • Edited

I think I had this issue before. Just to confirm with you, do you have vue-shim.d.ts file generated by the CLI? Because the way the CLI set up the webpack is that the compiler needed that shim since the .vue files are not recognizable. This is the content of the file:

// vue-shim.d.ts
declare module "*.vue" {
    import Vue from "vue";
    export default Vue;
}

Related issue: github.com/vuejs/vue-cli/issues/1198

If it's already there, then it might be a different issue... Let me know.

Collapse
 
daledevuk profile image
Dale Ellis

Hi briwa,

I have a shims-vue.d.ts file rather than a vue-shim.d.ts, which has the same content.

I just tried renaming to vue-shim.d.ts but makes no difference.

Noticed on here Microsoft vue TypeScript Starter that its shims rather than shim, tried that and same error.

So I'm confused, should it be vue-shim.d.ts, vue-shims.d.ts or shims-vue.d.ts

This is my file structure

File Structure

I'm sure my shims-vue.d.ts was generated by the vueui client so I'd hope that was right.

Any suggestions on what to try now?

Thanks,
Dale

Collapse
 
briwa profile image
briwa

Actually the file name doesn't matter as long as it's there with the .d.ts. Now I'm not too sure what caused yours.