问题标签 [vue-storefront]

我正在使用vuestorefront并且我使用了 vuetique主题并根据我们的需要对其进行自定义。
该项目在开发模式下完美运行，所有部分都已完全加载。
但是当我们使用动态内容在生产模式下运行这个 vue 项目时yarn start，部分没有正确加载，数据在控制台中留下错误，如下所示。

我几乎搜索了所有内容，但没有得到任何线索问题出在哪里。谁能指出可以在哪里调试问题？

谢谢

我有一个问题：如何对vue-storefront产品项目过滤器实施附加过滤器？

默认类别侧边栏中有 4 个过滤器（颜色、Erin 推荐、价格、尺寸），我想添加我的自定义过滤器，例如“品牌”，但我不知道如何执行此操作。我在互联网上找不到任何有用的东西，这是官方文档，但这还不够。

有人可以提供手册或一些文件吗？

谢谢。

我正在开发一个 Vue Storefront (链接到 Github repo ) 项目并查看 Webpack 提交的构建，我看到它充满了

有时这个字符串甚至更长，比如：

\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n //\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n// \n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n //\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n/*和声默认出口 */

这是在文件路径的末尾，它看起来像这样：

webpack_require (123);\n\n// 连接模块：./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./mypath/MyFile.vue?vue&type =script&lang=js&\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n //\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n// \n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n //\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n /* 和谐默认导出 */

由于项目很大并且捆绑的文件很大，我想知道那些“\n//\n”代表什么以及是否有办法摆脱它们，或者减少它们以节省一些 kb在最终生成的文件上。

webpack 文件是默认的：Github 链接

谢谢。

我试图从几天内弄清楚如何在类别页面上显示过滤器的标签。如文档中所述，我在里面添加了属性，config.products.defaultFilters[]并且过滤器已经开始显示在那里。

我有color和brand过滤器。对于滤色器，我已将颜色 id 映射到颜色名称，config.products.colorMappings因此它在那里正确显示。但是对于品牌，我可以这样做，但它是一个静态解决方案，所以每次管理员添加新品牌时，我都需要添加它的映射并再次构建店面。

我试图检查他们的论坛，但没有任何用处。我检查了 Vue Storefront vuexcatalog和category-next商店的提示，但在那里找不到任何相关的东西。

brand_filter 下选项的标签应该是可读的，但它显示了品牌属性选项的id

我的 Dockerfile 波纹管构建成功：

然后我运行容器：

日志显示，据我了解，该应用程序已启动：

但是容器并没有像我预期的那样保持运行，而是以状态码 0 退出，所以没有错误：

任何想法请我做错了什么？

谢谢

我将 vue 店面与 magento 2 集成在一起，前端工作正常，但产品图片未显示在前端。它抛出错误 Unable to compile TypeScript:\nsrc/image/action/local/index.ts(27,18): error TS2339: Property 'query' does not exist on type 'Request<any, any, any, any>' . 还安装了 imagemagick 并定义了 local.json 中的 imgurl。

任何人都请知道为什么会显示错误。

我在 magento 2 中启用了 paypal express checkout 并添加了 api 详细信息。paypal 在 magento 2 中工作。然后我从下面的链接在 vue 店面安装了 paypal 扩展：

https://docs.vuestorefront.io/guide/integrations/paypal-payments.html#the-architecture

然后我尝试下订单，paypal 对话框也打开了。但是当我点击立即付款按钮时，它会为我抛出错误。

错误：PayPal NVP 网关错误：为您以外的商家帐户颁发了 Express Checkout 令牌（#10409：您无权访问此信息）

有谁知道这个问题

目前我已经将 vue-storefront 连接到 magento2 并且一切都按预期工作

有一个要求，如果在 magento 末端的购物车中添加了另一个具有相同但具有附加属性的相同产品sku，它应该在 vue 店面的购物车中显示为不同的项目。idoptions

几乎就像 magento 的捆绑产品，但在此它作为单独的项目添加到 magento 购物车中。

因此，当 vuestore 从服务器中提取项目时，我可以看到所有项目，包括相同的 sku 项目。

但因为它具有相同的 sku 和 id。它没有添加到 vuestore 购物车中。

我已经浏览了 vue-storefront 核心代码，并对我的测试进行了一些更改。

例如下面的代码进行比较。

添加了这个core/modules/cart/helpers/productsEquals.ts

但我仍然试图找出这种附加条件存在于何处检查类似 sku。

好像我添加了另一个具有不同 sku 和产品 ID 的产品，然后在 vuestore 的页面加载时，拉取调用也会将 magento 上新添加的项目更新到 vuestore 购物车。

我想覆盖购物车模块存储中的操作。我正在尝试CartModule通过遵循此链接 Extending and Overriding Modules Doc来扩展它

我/src/modules/cart/index.ts用以下代码创建了一个文件

我收到CarModule类型不匹配的错误VueStorefrontModule

我也不知道下一步该怎么做才能使其有效。文档对此并不清楚。请帮忙。谢谢

目前我在Product.vue文件中有以下手表

但我在控制台中收到以下错误（Vue Warn）

[Vue 警告]：方法“watch”在组件定义中具有“object”类型。您是否正确引用了该函数？

我不确定为什么会收到此错误，因为我使用的语法似乎是正确的，甚至可以正常运行。

有什么建议为什么它在错误控制台中给出这个警告？

更新：

我在 vue 页面中使用手表的位置。