Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/less". Strict MIME type checking is enforced for module scripts per HTML spec.
时间: 2023-10-16 07:02:40 浏览: 577
这个错误通常是由于服务器将一个Less文件(MIME类型为"text/less")作为JavaScript模块来返回,导致浏览器无法正确解析该脚本。
要解决这个问题,你需要确保服务器正确地返回JavaScript模块文件,MIME类型应该是"text/javascript"或"application/javascript"。你可以在服务器的响应头中设置正确的MIME类型。
如果你的服务器无法将Less文件转换为JavaScript模块文件,你可以在客户端使用一个Less编译器来将Less文件编译为CSS文件,并将其添加到页面中。例如,你可以使用Less.js(https://lesscss.org/)来动态编译Less文件,并将其添加到页面中:
```html
<script src="less.js"></script>
<script type="module">
import { less } from 'less';
less.render('@color: #4D926F; #header { color: @color; }')
.then(output => {
const style = document.createElement('style');
style.textContent = output.css;
document.head.appendChild(style);
})
.catch(error => {
console.error(error);
});
</script>
```
这将使用Less.js编译器动态编译Less文件,并将其添加为动态样式表到文档中。
阅读全文