问题标签 [vue-storefront]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
magento - Magento 多种运输方式
在 Magento 2.4 中，无论如何都可以在项目（产品）级别设置运输，允许在同一订单中同时进行店内取货和送货上门（不使用仅限登录客户的多运输解决方案）。我们正在使用 PWA 前端（vue 店面），因此需要一种通过 API 执行此操作的方法。
示例 - 将从取货地点收集物品 A。物品 B 将被交付，并且需要提供送货地址。
javascript - 店面 UI - SfComponentSelect 无法正常工作
在我自己的组件中，我正在使用 SfComponentSelect （在官方文档中）
当我单击选择选项时，所选选项未显示在标签“MySelect”上方，否则在官方文档中的示例中会发生这种情况。
这是我的 CustomComponent.vue
vue.js - VUE Storefront：类别页面显示项目计数为字符串
在 Category.vue 我有来自店面默认文件的以下代码行
{{ $t('{count} items', { count: getCategoryProductsTotal }) }}
https://github.com/vuestorefront/vsf-default/blob/master/pages/Category.vue#L62
但它呈现为“{count} 个项目”，而不是 count var 的实际值。但是，如果我{{getCategoryProductsTotal}}在翻译语句之外添加，我会得到总计数的实际值。
vue.js - 从 onSSR 加载数据后如何更新输入中的数据？
我正在尝试从服务器（onSSR）加载我的运输数据并更新到我的输入表单。但即使我将代码放在 onSSR 中，它也不会更新，例如：
请帮忙。
webpack - Vue.js 服务器端渲染停止使用内联 CSS
前言：
样式加载器参考：https ://github.com/webpack-contrib/style-loader#linktag
根据文档，style-loader 允许 webpack 渲染标签以渲染样式信息。
主要问题：
Vue-style-loader 是 style-loader 的一个分支版本（https://github.com/vuejs/vue-style-loader）
我在服务器端渲染过程中使用 vue-style-loader。它工作得很好，但是它在标签中呈现了所有的 CSS 信息。我想使用标签，因此在加载页面时它不会呈现大量的内联代码。
我在论坛中也没有看到任何与此相关的内容。但是我从这里得到了参考：https://github.com/webpack-contrib/style-loader/issues/461#issuecomment-739509879谁声称 style-loader 在 SSR 中不起作用。那么这意味着，SSR 将始终呈现内联 css 吗？有没有办法使用 webpack 使用从 SSR 返回的代码中分块的单独 CSS 文件？
任何帮助表示赞赏。谢谢。
编辑：
以下是一些与其版本一起使用的软件包：
我正在使用 Vue 店面应用程序版本：1.12.2
typescript - 是否支持 vue-storefront（带有打字稿的 nuxtjs）？
我正在尝试在 nuxtjs（带有打字稿）项目中使用 @storefront-ui/nuxt。
但是这个错误显示我找不到模块'@storefront-ui/nuxt'的声明文件。'c:/Users/user/Desktop/testnuxt/node_modules/@storefront-ui/nuxt/lib/module.js' 隐含了一个 'any' 类型。尝试npm i --save-dev @types/storefront-ui__nuxt它是否存在或添加包含declare module '@storefront-ui/nuxt';Vetur(7016)的新声明 (.d.ts) 文件
如果我使用nuxtjs（使用javascript），则会出现此错误
vue.js - VueStoreFront 与 Shopify 集成时出错
我正在尝试VueStoreFront使用Shopify. 我已按照https://docs.vuestorefront.io/v2/general/installation.html中的安装步骤进行店面和
https://github.com/vuestorefront/shopify用于 Shopify 实例并提供了我的 shopify url 和密钥。在浏览器中运行应用程序时，出现以下错误。
并在终端中引发以下错误。
关于我所缺少的任何想法。
magento2 - 使用 vuestorefront 发布链接 magento
我有一个使用 Magento Ver.-2.4.3-p1 构建的商店，我正在尝试用 VueStorefront 2 替换前端。但是当我尝试将 VueStorefont 2 与我当前的 Magento 系统连接时，我遇到了这个问题
注意：我尝试将 Vuestorefront 与新版本的 Magento 连接起来，它工作正常
typescript - Vue数组未定义
我最近在使用 vue3 的团队项目上工作。我还在尝试习惯 vue 组件和 api，所以请原谅我问了这么简单的问题。我在这个页面上工作，我应该从计算数据的数组中过滤出对象（使用计算方法），并在另一个名为 filterItem 的函数中使用数据信息。在我使用函数 filterItem 之前，数据（问题）中的所有内容都可以正常工作，因为我控制台记录了对象，但是当我在函数中传递数据并解析数组时，我得到了一个未定义的数组。但是，如果做一个小的编辑（如空格）并保存文件，那么本地服务器将重建并重新运行服务器，然后我会看到数组中的所有对象（issue.value），我想知道为什么会发生这种情况并且是有办法解决这个问题吗？
Vue单组件
e-commerce - VSF 无法从 git 存储库获取集成模板
我想建立一个新的 vue 店面项目，我得到了这个错误，我不知道为什么会这样，在这种情况下有人可以帮忙吗？
命令：npx @vue-storefront/cli init ? 你的项目名称是什么？smso ? 选择集成 Commercetools
错误 VSF 无法从 git 存储库获取集成模板