无，代码是正常代码，在h5页面是正常渲染的
d***@163.com
- 发布：2021-07-25 11:22
- 更新：2021-08-25 12:17
- 阅读：1719
产品分类： HbuilderX
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： macOS 11.4
HBuilderX版本号： 3.1.22
示例代码：
操作步骤：
本地复现
本地复现
预期结果：
预期返回的Content-Type为text/css
预期返回的Content-Type为text/css
实际结果：
Content-Type为text/plain
Content-Type为text/plain
bug描述：
经chrome://inspect定位发现，与之相关的css文件的响应头的Content-Type=text/plain，导致浏览器拒绝渲染
Response Headers
Access-Control-Allow-Credentials: true
Access-Control-Allow-Methods: GET, POST, OPTIONS
Access-Control-Allow-Origin: *
Client-Via: shouldInterceptRequest
Content-Length: 5043
Content-Type: text/plain
1 个回复
d***@163.com (作者)
自问自答，发现出问题的css是抽取后的公共样式，而webpack默认的分隔符是~，可能hbuilder打包后导致css文件类型发生改变。
解决方式是，修改webpack分隔符，将"~"改为"_"，即可