Paper.js 外部文件将无法加载

Question

我只是想进入 paper.js。内联时代码工作正常。但是当我将它们移动到外部文件并在那里进行 src 时，错误开始弹出 :( 谁能知道我做错了什么？附上错误截图

非常感谢！

Error screenshot

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Paper.js Test</title>
  <script type="text/javascript" src="bower_components/paper/dist/paper-full.min.js"></script>
  <script type="text/paperscript" src="test.js" canvas="myCanvas"></script>
 </head>
 <body>
  <canvas id="myCanvas" resize="true"></canvas>
 </body>
</html>

Answer 1

从你的截图来看，是 CORS ERROR。

您可以修复 CORS 错误以在本地进行测试 https://www.thepolyglotdeveloper.com/2014/08/bypass-cors-errors-testing-apis-locally/

Answer 2

好吧，原来 chrome 有同源策略，所以我被锁住了。 Sapics 的解决方案有效，但如果你想走更简单的路线，如果你在 mac（就像我一样），只需转到终端并输入 "open -a Google\ Chrome --args --disable-web-security --user-data-dir"，这将打开 chrome 没有阴茎

编辑：我将 Sapics 的回答作为正确答案，因为我非常感谢他花时间研究我的具体问题并提出解决方案:)

Answer 3

不幸的是，您需要通过服务器运行这两个文件 link ，您可以自己设置 XAMPP 服务器或将文件发布到托管服务器，以便可以使用 http://... 协议而不是 file:/// （你的情况，因为你使用的是本地主机）。

执行此操作并解决您的问题的一种方法是：

1) 在终端中导航到您的项目文件夹

2) 如果你安装了 python v2.x 那么运行:

python -m SimpleHTTPServer

或 python v3.x:

python -m http.server

3) 打开浏览器并导航至 http://localhost:8000

4) select 并打开您的 .html 文件

对我有用。

Paper.js 外部文件将无法加载

Paper.js external file will not load

javascript

paperjs