Question

当我尝试在谷歌浏览器上使用我的LESS文件时，它会在控制台上显示此错误：

Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.
less.js:446 XMLHttpRequest cannot load file:///path/core.less. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

我已经下载了less.js并将其放在脚本标签中，如下所示

head class="Setup">
    <!-- LESS -->
    <link rel="stylesheet/less" type="text/css" href="path/core.less"/>
    <script src="path/less.js" type="text/javascript"></script>

但是，如果我使用我的文本编辑器的包，即https://atom.io/packages/browser-plus，它可以正常工作。控制台日志：

Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check http://xhr.spec.whatwg.org/.
less.js:837 rendered file:///path/core.less successfully.
less.js:837 css for file:///path/core.less generated in 67ms
less.js:837 less has finished. css generated in 67ms

在检查谷歌浏览器版本后，文本编辑器使用版本47，而我的普通版本在版本50上。我不知道发生了什么。有没有解决这个问题？

编辑：发现less.js not working in chrome 由于我不知道如何设置Apache我试图搜索如何创建命令行开关提出Windows结果，而我正在使用mac。

Answer 1

正如您已正确识别的那样，LESS.js无法使用Chrome中的file://网址方案：

P.S.S。如果您正在使用，则Less.js浏览器脚本当前不起作用 Chrome和您网页的路径以“file：///”开头，因为已知 Chrome问题。

由于您正在运行Mac OSX，我建议安装MAMP，因为为您设置本地服务器会让您头疼：

https://www.mamp.info/en/

尝试在文件上使用LESS时出错：//

1 个答案: