Webpack别名无法解析

Question

我已经重新构建了项目中的一些文件夹，这样做，我设置的别名不起作用，这就是别名：

msp: path.resolve(__dirname, '../src/components/mspComponents'),

我的文件夹结构是：

config/
  index.js // this contains the webpack alias
src/
  components/
    mspComponents/
      generic/
        mspModal.vue
      index.js

index.js包含

import MspModal from './generic/MspModal.vue'
module.exports = {
  MspModal
}

使用import { MspModal } from 'msp'时收到错误：

  

47：14-22＆＃34;出口＆＃39; MspModal＆＃39;没有在＆＃39; msp＆＃39;

中找到

当我使用类似文件夹结构的别名设置但从当前项目进入msp-base/components/文件夹时，这是有效的。

我做错了什么？我有点困惑，它正在运作而且已经不复存在了。

p.s如果我需要提供有关结构或webpack配置的更多信息，请告诉我。

Answer 1

好的，所以这很奇怪，因为它在我移动文件夹之前工作但我不得不在mspComponents\index.js中将我的导出声明更改为

export { default as MspModal } from './generic/MspModal.vue' 

这解决了这个问题，但TBH，我不知道为什么。