Javascript Vue/Electron/Webpack在更改图像路径后找不到图像模块
我正在使用Vue CLI 4.4.6 w/Electron&Webpack,在尝试以编程方式在本地文件夹和提交的文件夹之间移动图像时,Webpack告诉我“找不到模块”。/图像位置的某些部分”时遇到问题 我的目录结构如下:Javascript Vue/Electron/Webpack在更改图像路径后找不到图像模块,javascript,node.js,vue.js,webpack,Javascript,Node.js,Vue.js,Webpack,我正在使用Vue CLI 4.4.6 w/Electron&Webpack,在尝试以编程方式在本地文件夹和提交的文件夹之间移动图像时,Webpack告诉我“找不到模块”。/图像位置的某些部分”时遇到问题 我的目录结构如下: /src /resources /images /local /SUB-DIRECTORIES imageBefore.png /submitted /SUB-DIRECTORIES
/src
/resources
/images
/local
/SUB-DIRECTORIES
imageBefore.png
/submitted
/SUB-DIRECTORIES
imageAfter.png
此问题仅在我运行uploadImage方法后发生,如下所示:
计算:{
imagePath:function(){
让loc=this.image.upload\u进度=='submit'?'submitted':'local'
让filepath=path.join(loc,this.image.path);
返回require('../resources/images/'+filepath);
}
},
方法:{
上传图像(){
//向全球xylarium推广新形象
const destinationPath=(process.env.IS_PRODUCTION=='true')?“${process.env.RESOURCES_PATH}/images`:`src/RESOURCES/images/submitted/${this.image.PATH}”;
const currentPath=(process.env.IS_PRODUCTION=='true')?`${process.env.RESOURCES_PATH}/images`:`src/RESOURCES/images/local/${this.image.PATH}`;
如果(this.state!=“submit”&&fs.existsSync(currentPath)){
fs.rename(currentPath,destinationPath,async(err)=>{
如果(错误){
this.errorMessage=err;
this.ror=true;
抛出(错误);
}否则{
//更新上传状态变量
等待此消息。$store.dispatch('updateImageStatus',{id:this.image.uuid,代码:'submit'});
log('已成功移动文件');
//更新用户的图像状态
this.showSnackBar=true;
}
})
}否则{
this.errorMessage='找不到图像。请确保该图像存在于原始文件夹中';
this.ror=true;
}
}
}