Webpack 网页包别名未解析
我重组了项目中的一些文件夹,执行此操作后,我设置的别名不起作用,这是别名:Webpack 网页包别名未解析,webpack,alias,Webpack,Alias,我重组了项目中的一些文件夹,执行此操作后,我设置的别名不起作用,这是别名: msp: path.resolve(__dirname, '../src/components/mspComponents'), 我的文件夹结构是: config/ index.js // this contains the webpack alias src/ components/ mspComponents/ generic/ mspModal.vue in
msp: path.resolve(__dirname, '../src/components/mspComponents'),
我的文件夹结构是:
config/
index.js // this contains the webpack alias
src/
components/
mspComponents/
generic/
mspModal.vue
index.js
js包含
import MspModal from './generic/MspModal.vue'
module.exports = {
MspModal
}
从“msp”使用import{MspModal}
时,我得到错误:
47:14-22“msp”中未找到导出“MspModal”
当我使用类似文件夹结构的alias设置时,这是有效的,但从当前项目中进入msp base/components/
文件夹
我做错了什么?我有点困惑,它在工作,现在不工作了
p、 s如果我需要提供有关结构或网页包配置的更多信息,请告诉我。好的,这很奇怪,因为在我移动文件夹之前它工作正常,但我必须将
mspComponents\index.js中的导出声明更改为
export { default as MspModal } from './generic/MspModal.vue'
这已经解决了问题,但是TBH,我不知道为什么。因为新版本不使用别名。(别名有时不起作用,我在这里寻找答案)新版本确实使用别名,我仍然通过:import{MspModal}导入它从“msp”
。这是我必须更改的导出。只要别名映射正确,我就从来没有遇到过问题。我应该说:“Webpack 3有时会出现别名问题,即使它们解决得正确。”因为这正是我看到的行为。FWIW,我想这可能与嵌套的package.json有关。