我在 config.js 中设置了我的 configureWebpack 参数,如下所示
configureWebpack: {
resolve: {
alias: {
'alias': '/easym/imgs/'
}
}
},
我的文件夹结构如下
-/easym
--/.vuepress
--/imgs
---/Img1.jpeg
现在,当我尝试使用![Img1](~@alias/Img1.jpeg)
我定义的这个别名进行调用时,出现错误
找不到模块:错误:无法解析“/home/user/git/easym/quiz/smallquizzes”中的“@alias/Img1.jpeg”
PS-我的图像文件位于我的根文件夹的/easym/imgs/Img1.jpeg
位置/easym
我发现了与文件夹路径相关的问题,但使用以下解决了它。
const path = require('path')
module.exports = {
configureWebpack: {
resolve: {
alias: {
'@myassets': path.resolve(__dirname, 'assets/img')
}
}
},
...
谢谢,它有帮助!由于我的图像文件夹在 .vuepress 文件夹之外,我将这一行更改为
'@alias': path.resolve(__dirname, '../imgs')
并且它有效不要忘记检查答案作为解决方案。