我将vue商店前端与magento 2集成在一起,前端工作良好,但产品图像不显示在前端。它引发错误无法编译TypeScript:\nsrc/image/action/local/index.ts(27,18(:错误TS2339:类型"Request<any,any,any>'。还安装了imagemagik,并定义了local.json中的imgurl。
任何人请知道为什么显示错误。
它是关于this.req
的,它是express
的Request
类型,它具有query
属性。请确保您拥有原始回购中的yarn.lock
并重新安装依赖项。
如果您正在使用docker,您可能需要添加:- './yarn.lock/var/www/yarn.lock'
至docker-compose.nodejs.yml
中的卷部分
我找到了一个简单的解决方案,你可以尝试
在vue店面api/var/magento文件夹/pub/media中复制所有的magento 2 pub/media数据或如果您正在使用localhost ,请创建一个符号链接
vue店面api/config/local.json
"magento2":{"imgUrl":"http://magento-domain/pub/media/catalog/product","assetPath":"//var/magento folder/pub/media";,}
vue storefront/config/local.json
"图像":{"useExactUrlsNoProxy":false,"baseUrl":"http://localhost:8080/img/","useSpecificImagePaths":false,"路径":{"产品":"目录/产品";},"productPlaceholder":"assets/placeholder.jpg";},
在vue店面和vue店面api 中运行命令