时间戳

首页 > 解决方案 > net::ERR_FAILED 加载本地 .json 文件时？

javascript - net::ERR_FAILED 加载本地 .json 文件时？

问题描述

我正在使用 bodyworks 和 lottie 加载自定义 SVG 动画，并且由于某种原因它会引发 GET 错误。该文件的路径是正确的，因为当我将它复制并粘贴到浏览器中时它加载它很好，所以我不确定出了什么问题？

var animation = bodymovin.loadAnimation({
    container: document.getElementById("animationContainer"), // the dom element that will contain the animation
    renderer: 'svg',
    loop: true,
    autoplay: true,
    path: 'data.json' // the path to the animation json
});

该文件最初位于嵌套文件夹中，但我认为这可能是一些错误的原因，所以我移动了它，但它仍然无法加载它。任何帮助，将不胜感激

> bodymovin.js:1300 GET file:///G:/My%20Drive/YetiTech/YetiTechNewSite/YetiTech/The%20Fresh%20Site%20of%20Bel%20Air/data.jsonnet::ERR_FAILED

标签： javascriptsvglottiebodymovin

解决方案

尝试下载并安装 mamp web 服务器以创建本地 web 服务器https://www.mamp.info/，然后将文件夹动画移动到 localhost 文件夹中并直接在浏览器上打开它，例如 localhost/animation-example /

推荐阅读