问题标签 [vue-storefront]

根据我本地安装的 Vue-storefront，我有一些问题。我正在使用 Mac OS 10.13.4 和节点版本 8.11.5，npm 版本 5.6 但是在构建店面 npm 时，它返回错误。

为什么会发生这种情况？

如果我将 Laravel 5.7 与此 vue 模板混合使用是否有可能： https ://github.com/DivanteLtd/vue-storefront ？

我已经在https://hoversport.no/上设置了 vue-storefront 。

• 虽然它没有显示标准主页布局，因为有一个错误，最肯定的是 API。
• 我在终端没有输出错误，一切运行正常，没有节点等服务器试图在相同的端口上运行，我得到的一切都是绿色 OK/正在运行。
• 要么是配置、权限中的某些东西，要么是我无法理解的其他东西。

不知道从哪里看，从哪里开始，如何解决这个问题。

预期结果应该是这样的：https ://demo.mage-pwa.io/

任何帮助都非常感谢！

这是 vue-storefront/config 文件 https://github.com/Decntdefalt/vue-storefront-config

这是 vue-storefront-api/config 文件 https://github.com/Decntdefalt/vue-storefront-api-config

我已经建立了一个基于 Vue 店面的网上商店，我想在 Google 购物上做广告。我想为产品使用 RSS 提要，但不知道如何正确设置它，因为我在根文件夹中"Unexpected token < in JSON at position 0"运行时得到了它。"yarn feed"

重现问题的步骤

• 1.进入项目文件夹；cd vue-店面
• 2.创建“脚本”文件夹；`mkdir 脚本`
• 3. 进入脚本文件夹；`cd scripts` 并使用此存储库中的代码创建一个新文件；`touch feed.json`
• 4.在`vue-storefront/node_modules`中添加jsontoxml仓库，在这里获取
• 5. 编辑 projectfolder/vue-storefront 中的 package.json 并在 `"scripts"` 部分 `"scripts"` 下添加 "feed": "node scripts/feed.js": {
• 6.`喂纱`

预期结果：

实际结果：

介绍

我在我的应用程序上设置了一个 vue-component，这个 vue-component 是一个联系表单，它被导入到 header 组件中，并包装在一个 modal 中。

此联系表格必须提交确认消息和事件，该信息将在最后发送电子邮件至接收@email.com。

问题 1

问题：如何在 vuejs 中触发一个事件，当触发此按钮时，会显示一个带有确认信息的新 HTML 块？我和我的伙伴在这里体验了 Jquery，我正在 Vuejs 中寻找相同的结果：https ://codepen.io/anon/pen/WLJwxo?editors=1010

出于实用性的原因，我们在 Vue Storefront 上设置了https://logima.io（由于我们从事为客户建立网上商店的业务，我们希望更深入并创造更多开创性的成果）

您可以点击“获取您的应用程序！” 导航右上角的按钮。

问题2

使 Vue 店面联系表通过 API 与 Magento 联系表连接的最佳方法/实践是什么？

由于 Vue-storefront 通过其 API 充当 Magento 的外壳，因此理论上应该可以在 Magento 上设置表单、配置 API 并在 Vue APP 和 Magento 之间架起一座桥梁，这样您就不需要直接为您的 Storefront 所在的实例设置 SMTP 或其他内容。

为了更清楚：

用户在 logima.io 上填写联系表单 > API 连接到 Magento 上的电子邮件表单 > Magento 表单已填写 > 向接收地址发送电子邮件。

这已经适用于产品和订单。我们已经使用 Magento 外部结账在 Vue 店面建立了几个商店，并且 API 运行良好。我只是想知道如何实际修改或创建新的代码字符串，以便 shell 联系表单可以通过现有 API 填写 Magento 表单。

HTML

脚本

我正在尝试将 vuestorefront 与 shopify 集成，但无法理解
正确的方式
有许多存储库，例如
前端的vue 店面
https://github.com/DivanteLtd/vue-storefront
vue 店面 API 用于后端
https://github.com /DivanteLtd/vue-storefront-api
用于第 3 方集成的 vue 店面集成样板（在我们的例子中为 Shopify）
https://github.com/DivanteLtd/vue-storefront-integration-boilerplate
这就是我所知道的
我在 vue 店面中遇到的问题集成样板
无法找到与 shopify
文档进行通信的方式说
我需要在任何平台上构建一个新应用程序，该应用程序将与 vue 店面集成样板（vs bridge）和 shopify 进行通信

这是 magento 在 vs 桥中的示例配置（vue 店面集成样板）

我找不到 VueStoreFront 的模块发布指南。我们如何宣布/发布平台的新模块？

我们有一个模块，希望它被视为“官方”（可能由 VueStorefront 工作人员宣传，我不知道），希望使其成为一个受欢迎的功能。

有没有这样做的指导方针？有人为 VueStorefront 平台发布过这样的模块，或者有发布过它们的经验吗？

嘿伙计们，将 Vue 插件（使用表单 vue.use() 的 UI 元素）添加到代码库的首选方法是什么？

根据文档（https://docs.vuestorefront.io/guide/core-themes/plugins.html#theme-plugins），我将以下代码添加到 /src/themes/defaultx/plugins/index.js

但它没有注册我的插件并在尝试使用它时抛出 undefined 。

我尝试将 Vue.use() 放置在 Vue.use(processbar) 所在的主题/index.js 中，但将其放置在那里（或导入 Vue 的任何其他地方）开始引发“找不到文档/窗口”错误。

我尝试了两个库 vue-notification 和 vue-toasted

PS（ defaultx 只是 default 的一个简单副本）

我需要一些帮助来解决 Vue Storefront 中的这个问题，我在尝试解决这个问题时遇到了一些困难：

导航到 PDP（产品详细信息页面）并刷新页面后，对于许多产品，页面被重定向到“页面未找到”。被重定向到 page-not-found 的产品总是相同的，并且并非所有产品都被重定向到 page-not-found。即使路径是硬编码的，使用 router-link 遍历到 PDP 也是有效的，但是直接导航到它或在 PDP 上刷新页面不起作用。我还尝试隔离问题，发现即使仅包含核心中的 Product.js 混合文件并删除 PDP 上的所有其他代码仍然会导致重定向。

尽管尝试了几天，我仍无法解决此错误。即使您看不到导致问题的原因，如果有人至少可以向我展示如何调试此问题，那将很有帮助。我不知道如何知道是什么代码导致重定向到 404。

谢谢

我正在尝试在用户登录时在本地存储中设置用户凭据和令牌。每当用户更新他的个人资料图片时，他都有个人资料图片。除非用户重新加载页面，否则现有的个人资料图像（本地存储）会显示给用户。只有这样，图像才会显示给他。我已经尝试同时使用 vuex 和 localstorage。Vuex 不是持久的，并且计算属性在再次重新加载页面之前不会获得更新的值。我找到了一个插件名称 vuex-persistentstorage 但我找不到在现有商店中使用它的方法。任何有关如何将我的商店与持久存储一起使用的解决方案或示例都将非常有帮助。这是我想要得到的。https://www.npmjs.com/package/vuex-persistedstate