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“导出'MspModal'未在'msp'中找到

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

我究竟做错了什么？我有点困惑，它正在工作，现在已经不复存在了。

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

Answer 1

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

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

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