reactjs - 由于 TypeError,salesor-frontend 产品页面未加载
问题描述
我已经在一个 Ubuntu 实例上部署了saleor,比如说在 example.com。我已经在 frontend.example.com上将 saleor-storefront部署到 Netlify。我在其中创建了一个新产品,并填写了价格。
当我使用 saleor-frontend 上的搜索栏搜索产品时,它设法找到它。但是,frontend.example.com/product/awesome-tee/1/ 上的 saleor-storefront 上的产品页面无法加载。控制台显示此错误:
TypeError: Cannot read property 'price' of undefined
at new <anonymous> (index.tsx:43)
at uo (react-dom.production.min.js:132)
at ki (react-dom.production.min.js:167)
at Ri (react-dom.production.min.js:180)
at Qa (react-dom.production.min.js:232)
at $a (react-dom.production.min.js:233)
at Is (react-dom.production.min.js:249)
at Ps (react-dom.production.min.js:248)
at ws (react-dom.production.min.js:245)
at Za (react-dom.production.min.js:243)
(编辑 2019 年 9 月 20 日,13:56:我什么都没做,睡觉,醒来,现在页面显示“找不到页面”。)
但是,example.com/en/products/awesome-tee/1/ 上的示例站点上的页面加载得很好。
我是 Saleor 和 React 的新手,所以现在代码对我来说很陌生。尽管如此,我推断这可能是一个 graphql 查询问题,所以我查看了 saleor-storefront/src/views/Product/queries.ts。首先,我尝试删除所有可能与价格相关的代码,例如:
price {
currency
amount
localized
}
它没有改变任何东西。
然后,我发现了一个错字productVariatnsQuery
,我真的认为这不是问题。无论如何我都修好了它并没有解决问题。我没有发现任何其他可能导致 TypeError 的东西。
我应该如何处理这个问题?
解决方案
我重新运行了容器并且它起作用了。我最初在我的 Ubuntu 实例中使用docker-compose up -d
. 所以,我docker-compose down
删除了 saleor_web_1 容器并删除了它的 saleor_web 图像。然后docker-compose up -d
再次重建并运行容器。
现在它起作用了。我认为。我不完全确定,因为现在还有其他问题,我不知道它们是否相关。例如,店面产品页面加载但没有描述。示例站点产品页面虽然有描述。
不知道我是否应该删除这个问题。
推荐阅读
- python - 我已经创建了自定义用户模型,但我有“NO MODULE FOR managers.py”
- python - smtplib.SMTPNotSupportedError:Flask Mail 中的服务器不支持 SMTP AUTH 扩展
- sapui5 - `sap.m.FeedListItem`:图标在初始渲染后不会改变
- python - Pipenv 安装未将依赖项添加到 Pipfile.lock
- java - 为什么我的 Java 方法在不使用任何 Intent 的情况下重定向?
- java - Springboot中的组计数Aggeration
- mongodb - 使用猫鼬的 Atlas 文本搜索返回一个空数组
- reactjs - 如何在 React 的 map 函数中调用三元运算符内的函数?
- sql - 使用 Postgresql 添加月份和年份的 CTE
- javascript - try/catch - 多少递归调用?调用堆栈大小循环