gpt4 book ai didi

javascript - Ember 应用程序无法从本地文件加载 json 数据

转载 作者:行者123 更新时间:2023-11-30 15:12:03 25 4
gpt4 key购买 nike

我一直在按照 ember 快速入门指南创建一个显示一些数据 (https://guides.emberjs.com/v2.13.0/getting-started/quick-start/) 的应用程序,但我不想只显示带有科学家姓名的 javascript 数组,而是想显示来自以下 json 的产品。

我已经把json文件放到public文件夹里了。

看起来像:

{
"products": [
{
"_id": "58ff60ffcd082f040072305a",
"slug": "apple-tree-printed-linen-butterfly-bow-tie",
"name": "Apple Tree Printed Linen Butterfly Bow Tie ",
"description": "This fun 40 Colori Apple Tree Printed Linen Butterfly Bow Tie features a design of various apple trees built from tiny polka dots. The back of this bow tie features a polka dot print in complementing colours which when the bow tie is tied will pop out from behind making for a subtle yet unique detail. The playful design, stand out natural linen texture, and colourful combinations make this bow tie a perfect accessory for any outfit!\n",
"standard_manufacturer": "58cbafc55491430300c422ff",
"details": "Size: Untied (self-tie) bow tie with an easily adjustable neck strap from 13-3/4'' to 19'' (35 to 48 cm)\nHeight: 6 cm\nMaterial: Printed 100% linen\nCare: Dry clean\nMade in Italy",
"sizes": [
{
"value": "Violet",
"size": "57722c80c8595b0300a11e61",
"_id": "58ff60ffcd082f0400723070",
"marked_as_oos_at": null,
"quantity": -1,
"stock": true,
"id": "58ff60ffcd082f0400723070"
},

等等。

我的显示列表的路由模型代码如下

import Ember from 'ember';

export default Ember.Route.extend({
model() {
//return ['Marie Curie', 'Mae Jemison', 'Albert Hofmann'];
return Ember.$.getJSON("/products.json");
}
});

我完全按照教程做了,除了

return Ember.$.getJSON("/products.json");

scientists.js 中的行。我的数据没有显示,我在 ember 检查器中得到的错误是

compiled.js:2 Uncaught TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'.
at E (compiled.js:2)
at Object.u (compiled.js:25)
at compiled.js:25
E @ compiled.js:2
u @ compiled.js:25
(anonymous) @ compiled.js:25

我对 ember 很陌生,对 js 也很陌生。任何帮助表示赞赏!谢谢!

最佳答案

Ember 自带开发服务器(localhost:4200),它不能像网络服务器一样使用,也不能用于响应 ajax 请求。您无法使用 localhost:4200 端点使此工作 Ember.$.getJSON("/products.json")

您需要后端任何网络服务器来返回响应。如果您目前没有,那么出于开发目的,您需要使用动态渲染数据,那么我更喜欢使用 ember-cli-mirage插件。

http://www.ember-cli-mirage.com/docs/v0.3.x/

关于javascript - Ember 应用程序无法从本地文件加载 json 数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44987848/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com