Question

所以说我的.vue文件中有以下内容：

import VContainer from '@/styleguide/components/organisms/Container';

我和我的别名设置如下：

resolve: {
  extensions: ['.js', '.vue', '.json'],
  alias: {
    'vue$': 'vue/dist/vue.esm.js',
    '@': resolve('src'),
    'styles': resolve('src/styles/'),
  }
},

当我尝试为styleguide组件添加新别名时：

alias: {
  'vue$': 'vue/dist/vue.esm.js',
  '@': resolve('src'),
  'styleguide': resolve('src/styleguide/components/'),
  'styles': resolve('src/styles/'),
}

然后尝试执行以下操作：

import VContainer from 'styleguide/organisms/Container';

我收到以下错误...

无法解析模块的路径

我有什么遗失的吗？用〜{from '~styleguide/..'作为前缀

进行前缀

Answer 1

在此处添加答案，以防人们以同样的问题到达此处。

我认为你正在做的事情应该工作，而且我正在调试类似的问题已有一段时间了。我发现修复程序就像重新启动webpack一样简单，因为它似乎没有“热重新加载”对配置的更改。

值得仔细检查，我想。

VueJS Webpack - 无法添加新别名，vue文件无法加载

1 个答案: