Question

我只是想进入paper.js。代码在内联时工作正常。但当我将它们移动到外部文件并在那里src时，错误开始弹出:(任何人都可以弄清楚我做错了什么？错误截图已附上

非常感谢！

＆＃13;

<!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>

＆＃13;

Answer 1

从屏幕截图中看，它是CORS ERROR。

您可以修复CORS ERROR以在本地进行测试 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“，这个'没有cockblock的打开chrome

编辑：我把Sapics的答案作为正确的答案，因为我非常感谢他花时间研究我的具体问题并想出了一个解决方案：）

Answer 3

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

解决此问题的一种方法是：

1）导航到终端中的项目文件夹

2）如果您安装了python v2.x，请运行：

python -m SimpleHTTPServer

或适用于python v3.x：

python -m http.server

3）打开浏览器并导航到http://localhost:8000

4）选择并打开您的.html文件

对我有用。

相关主题的更多详细信息："Cross origin requests are only supported for HTTP." error when loading a local file

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

3 个答案: