Lig*_*iga 7 html javascript css ecmascript-6 es6-modules
我正在尝试使用 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 模块做到这一点。不过，您可以将其动态导入 HTML：
<script>
const url = "./style.css";
document.head.innerHTML += `<link type="text/css" rel="stylesheet" href=${url}>`;
</script>
| 归档时间： |
|
| 查看次数： |
4889 次 |
| 最近记录： |