前端中常见出现的问题

一.<template>标签爆红

一般是处理初始vue-cli工程时发现的错误，

错误的原因大概率是vs code中的vetur插件与其他插件起冲突了

解决方法

在vs code 点击 文件 首选项 设置 中搜索 vetur 找到 settings.json 

 在settings.json 中添加 

"files.associations": {
   "*.vue": "html"
	}

同时修改后还要修改一个配置 将显示的类型 html，点击修改为vue即可

二.vue.config.js的未检测到Babel配置文件

Parsing error: No Babel config file detected for C:\Users\lenovo\Desktop\sph\app\vue.config.js. Either disable config file checking with requireConfigFile: false, or configure Babel so that it can find the config files.

        未检测到C:\Users\lenovo\Destop\sph\app\vue.config.js的Babel配置文件。使用requireConfigFile:false禁用配置文件检查，或者配置Babel以便它可以找到配置文件。

 解决方法

在package.json中添加"requireConfigFile" : false即可

三.Refused to apply style拒绝应用样式

控制台出现

拒绝采用“http://localhost:8080/iconfont.css因为它的MIME类型（'text/html'）不是受支持的样式表MIME类型，并且启用了严格的MIME检查。

：8080/#/home:1拒绝应用来自“”的样式http://localhost:8080/iconfont.css因为它的MIME类型（'text/html'）不是受支持的样式表MIME类型，并且启用了严格的MIME检查。

解决方法

将.css文件中的 @import "./iconfont.css" 删除即可