我正在尝试使用 ES6 模块导入 .css 文件,但出现错误。是否可以在不使用捆绑器或转译器(如 webpack)的情况下导入 css 文件?
无法加载模块脚本:服务器响应
“text/css”的非 JavaScript MIME 类型
<html>
<body>
<div id="app">
{{ msg }}
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script type="module">
import './style.css'
new Vue({
el: '#app',
data: {
msg: 'Hello World!'
}
})
</script>
</body>
</html>
ES6 模块无法做到这一点。你can动态地将其导入到 HTML 中:
<script>
const url = "./style.css";
document.head.innerHTML += `<link type="text/css" rel="stylesheet" href=${url}>`;
</script>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)