TypeScript error importing vue package (vue-cli3 proj)

Question

I have a project with newest dependencies set up wizth CLI 3. I get error when importing font-picker-vue package in my project (package installs successfully though).

The error: Could not find a declaration file for module 'font-picker-vue'......../node_modules/font-picker-vue/lib/FontPicker.js' implicitly has an 'any' type. Try npm install @types/font-picker-vue if it exists or add a new declaration (.d.ts) file containing declare module font-picker-vue';

Did a google search and one of the solution suggested was to add following code in a *.d.ts file: src

declare module 'vuetify/lib' {
  import 'vuetify/types/lib'
}

Created a *.d.ts file in the root of the proj as shown in below image, hoping that it would work, but it did not:

Next, as suggested SO reply changed import statements to require: const yourModuleName = require('module-name'); and also tried installing from npm install -D @types/font-picker-vue. Both didn't work, @types/font-picker-vue isn't in the npm registry.

I am not sure how to resolve this error. Can somebody help be get this working. Any help is apprecited. Thanks

Dennis · Accepted Answer · 2020-03-02 12:02:51Z

1

Create a yourModuleName.d.ts file with the module declaration like this declare module 'vuetify/lib' then try adding this:

"include": "*.d.ts"

To your tsconfig.json file

answered Mar 2, 2020 at 12:02

Dennis

112 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

TypeScript error importing vue package (vue-cli3 proj)

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related