我正在使用grunt-contrib-connect和grunt-contrib-watch进行实时重新加载功能,就像这样:
watch: {
options: {
livereload: true,
},
files: ['src/**/*'],
tasks: ['dev']
},
connect: {
server: {
options: {
port: 8000,
base: './dist',
hostname: '0.0.0.0',
protocol: 'http',
livereload: true,
open: true,
}
}
},
效果很好,但是每次保存一个CSS文件时,都会从Chrome浏览器中收到此错误消息:
Refused to apply style from 'http://localhost:8000/section-featured-work/mod-mobile-design.css?livereload=1533148529995' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
是否可以为加载CSS文件的脚本指定MIME类型?
我不认为这是stackoverflow.com/questions/48248832/的副本,因为我认为这是特定于 grunt-config和grunt-watch livereload。 CSS装有JavaScript。那么我该如何解决这些软件包?
顺便说一下,样式似乎仍然可以加载,但是我不允许在我的构建中出现任何类型的运行时错误,即使这些错误都是可以避免的。