DEV Community

Issue building Vue app

Dale Ellis on July 11, 2019

Hi, I have an application that I’ve been working on and have gotten to the point I want to deploy it somewhere rather than running it locally. Lo...
Read full post
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.

Collapse
 
daledevuk profile image
Dale Ellis •

Post on another forum suggested adding .vue to the imports and that has gotten rid of those errors