尝试从vuetify.js导入所选组件时找不到依赖项

Question

尝试从vuetify.js导入所选模块时，如下所示：

import Alerts               from 'vuetify/src/components/alerts';
import App                  from 'vuetify/src/components/app';
import Avatars              from 'vuetify/src/components/avatars';

webpack抛出了一个错误：

These dependencies were not found:
* ~util/helpers in ./node_modules/vuetify/src/components/avatars/index.js, ./node_modules/vuetify/src/components/cards/index.js and 14 others
* ~directives in ./node_modules/vuetify/src/components/lists/VListTile.js, ./node_modules/vuetify/src/components/menus/VMenu.js
* ~directives/click-outside in ./node_modules/vuetify/src/components/selects/VSelect.js
* ~directives/ripple in ./node_modules/vuetify/src/components/selection-controls/VCheckbox.js
* ~mixins/themeable in ./node_modules/vuetify/src/components/app/VApp.js, ./node_modules/vuetify/src/components/cards/VCard.js and 12 others
...
To install them, you can run: npm install --save ~util/helpers ~directives ~directives/click-outside ~directives/ripple ...

似乎vuetify.js在它的项目中使用了'~‘别名。

如何在我的项目中修复此问题，并能够使用第三方项目的单个组件？

我已经尝试为它们的来源设置'~‘别名：

    resolve: {
        alias: {'~': NODE_MODULES + '/vuetify/src'},
    },

但它并没有起作用。

Answer 1

我已经通过添加以下配置解决了这个问题：

    resolve: {
        modules: ['./node_modules', './node_modules/vuetify/src'],
        alias: {
            '~': './app',
            '~components': 'components',
            '~directives': 'directives',
            '~mixins': 'mixins',
            '~stylus': 'stylus',
            '~util': 'util'
        },
    },