vue-dynamic-forms
vue-dynamic-forms copied to clipboard
Missing TypeScript declaration file
Version
3.x.x (Vue 3.x)
Describe the bug
I'm not being able to make the typings work on .ts files, the following errors are being shown:
Visual Studio Code 1.62.0:
"Could not find a declaration file for module '@asigloo/vue-dynamic-forms'."
IntelliJ IDEA 2021.2:
TS2307: Cannot find module '@asigloo/vue-dynamic-forms/dist' or its corresponding type declarations.
Using npm run serve command (on a new scaffolded vue project):
TS7016: Could not find a declaration file for module '@asigloo/vue-dynamic-forms'. 'H:/hello-world/node_modules/@asigloo/vue-dynamic-forms/dist/as-dynamic-forms.cjs.js' implicitly has an 'any' type.
Try `npm i --save-dev @types/asigloo__vue-dynamic-forms` if it exists or add a new declaration (.d.ts) file containing `declare module '@asigloo/vue-dynamic-forms';`
Describe the bug
- Scaffold a new Vue 3 project with Vue CLI:
vue create hello-worldwith TypeScript feature - Run
npm install @asigloo/vue-dynamic-forms. - Create a
main.tsfile if not exist. - Add
import { createDynamicForms } from '@asigloo/vue-dynamic-forms'tomain.tsfile.
Expected behavior
The IDE can recognize the typings of imported modules from @asigloo/vue-dynamic-forms on TypeScript files.
System Info
System:
OS: Windows 10 10.0.19043
CPU: (16) x64 AMD Ryzen 7 2700 Eight-Core Processor
Memory: 14.66 GB / 31.93 GB
Binaries:
Node: 14.15.4 - C:\Program Files\nodejs\node.EXE
Yarn: 1.22.5 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
npm: 6.14.10 - C:\Program Files\nodejs\npm.CMD
Browsers:
Chrome: 95.0.4638.69
Edge: Spartan (44.19041.1266.0), Chromium (95.0.1020.44)
Internet Explorer: 11.0.19041.1202
npmPackages:
@asigloo/vue-dynamic-forms: ^3.18.0 => 3.18.0
Additional context
No response
Validations
- [X] Read the docs.
- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
FWIW, I was seeing this until I added declarations to my main.ts as described in https://github.com/asigloo/vue-dynamic-forms/issues/235, as well as the "failed to resolve component" described in the ticket. The ts error went away and everything started working after I made those updates.
Figure I should add the specific changes to main.ts that I'm referring to.
import { createDynamicForms } from '@asigloo/vue-dynamic-forms';
const VueDynamicForms = createDynamicForms({});
app.use(VueDynamicForms);
Actually...scratch that. The error did disappear, but it's showing up again after reopening the project. Must have just been a fluke.
I am still getting this. Any update? still no typescript declarations detected. can you maybe have a look if it is correct?
Actually...scratch that. The error did disappear, but it's showing up again after reopening the project. Must have just been a fluke.
how did you exactly solve this? I can't compile it because it screams for TS declarations. I am unable to find them
please publish your typescript .d.ts use run build:tsd.