Vuetify: Cannot resolve internal dependencies with typescript

Created on 1 Aug 2017  路  4Comments  路  Source: vuetifyjs/vuetify

Steps to reproduce

I try to use a vuetify-component i.e. the tabs-component. So I import the component like this:
import VTabsBar from 'vuetify/src/components/tabs/VTabsBar'
When building with webpack I get the following error message:

These dependencies were not found:

* ~mixins/resizable in ./~/vuetify/src/components/tabs/VTabsBar.js
* ~components/icons/VIcon in ./~/vuetify/src/components/tabs/VTabsBar.js

To install them, you can run: npm install --save ~mixins/resizable ~components/icons/VIcon

Everything is installed correctly, webpack (and my IDE) just can't resolve the syntaxt with the tilde.

Versions

Vuetify: 0.14.7
Vue: 2.3.3
typescript: 2.4.2
ts-loader: 2.3.1
webpack: 2.6.1

What is expected ?

To resolve the dependencies correctly

What is actually happening ?

Internal dependencies can not be resolved

Reproduction Link

Sorry, I don't know how to deliver an reproduction link as it is a problem appearing while building.

This is probably a conflict with the typescript resolver in webpack. Has anyone experience with vuetify and typescript?

This is my tsconfig.json:

{
    "compilerOptions": {
        "outDir": "./dist/",
        "sourceMap": true,
        "strict": true,
        "noImplicitReturns": true,
        "noImplicitAny": false,
        "module": "es2015",
        "moduleResolution": "node",
        "allowJs": true,
        "target": "es5",
        "allowSyntheticDefaultImports": true
    },
    "include": [
        "./src/**/*"
    ],
    "modules": [
        "./src",
        "node_modules"
    ]
}

thanks!

Most helpful comment

Does vuetify have TypeScript support?

All 4 comments

Vuetify currently does not support importing individual components. You need to do

import Vuetify from 'vuetify'

Vue.use(Vuetify)

Does vuetify have TypeScript support?

There were a few typescript definitions added with https://github.com/vuetifyjs/vuetify/pulls?utf8=%E2%9C%93&q=is%3Apr%20typescript @pspeter3

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord

Was this page helpful?
0 / 5 - 0 ratings