Vue2.0项目使用bootstrap后提示Module parse failed: Unexpected character
具体报错如下:

报错原因是:
Vue2.0无法识别bootstrap.css中使用的字体,也就是上图中圈出来的地方。
解决方案:
// 需要在webpack.config.js增加对不识别文件的处理
{
test: /.(ttf|woff2|woff|eot)$/,
loader: "file-loader",
    options: {
        name: "[name].[ext]?[hash]"
    }
}												
											Vue2.0项目使用bootstrap后提示Module parse failed: Unexpected character的更多相关文章
- vue Module parse failed: Unexpected token  You may need an appropriate loader to handle this file type
		
1.错误截图: 2.错误原因:webpack 原生只支持 js 文件类型,及 es5 的语法 3.解决方法:在webpack.config.js中,增加以下配置 module: { rules: [ ...
 - Vue2.0项目
		
什么是 Vue Vue 是一个前端框架,特点是 数据绑定 比如你改变一个输入框 Input 标签的值,会 自动同步 更新到页面上其他绑定该输入框的组件的值  组件化 页面上小到一个按钮都可以是一个单 ...
 - 从零开始搭建Vue2.0项目(一)之快速开始
		
从零开始搭建Vue2.0项目(一)之项目快速开始 前言 该样板适用于大型,严肃的项目,并假定您对Webpack和有所了解vue-loader.确保还阅读vue-loader的文档,了解常见的工作流程配 ...
 - Module parse failed: Export 'instance' is not defined (35:19)
		
Module parse failed: Export 'instance' is not defined (35:19) 使用npm出现的这错误,用yarn就可以了 这种情况rm node_modu ...
 - angular4.0项目build发布后,刷新页面报错404
		
angular4.0项目执行npm run build后,进入页面正常显示. 但是当刷新页面时,报错404,页面未找到. 出现这个问题的原因,应该是找不到路由地址导致的,然后找到了下面的解决方案. 找 ...
 - vue2.0项目实战(4)生命周期和钩子函数详解
		
最近的项目都使用vue2.0来开发,不得不说,vue真的非常好用,大大减少了项目的开发周期.在踩坑的过程中,因为对vue的生命周期不是特别了解,所以有时候会在几个钩子函数里做一些事情,什么时候做,在哪 ...
 - vue2.0项目实战(1)基础入门
		
最近公司的H5项目准备重构,部门老大说前端使用vue2.0来开发,所以就准备把整个项目的开发过程记录下来,一方面是为了记录开发过程中遇到的坑,另一方面也加强自己写作的能力. 什么是 Vue? 简要介绍 ...
 - webpack+vue2.0项目 (一) vue-cli脚手架
		
很早以前就开始看vue2.0和webpack,但总是留不下深刻的印象,一直缺少一个可以贯通的项目,而且工作也没有时间,最近辞职在家,从网上找了个项目,写了大概八天,踩了无数的坑啊!! 下载的项目包括, ...
 - vue2.0项目  calendar.js(日历组件封装)
		
最近一直闲来无事,便寻思着做一下自己的个人项目,也想说能使用现在比较流行的一些mvvm框架来做,于是就选用了这样的一个技术栈vue2.0+vue-router+vuex+webpack来做,做得也是多 ...
 
随机推荐
- 各种常见文件的hex文件头
			
我们在做ctf时,经常需要辨认各种文件头,跟大家分享一下一些常见的文件头. 扩展名 文件头标识(HEX) 文件描述 123 00 00 1A 00 05 10 04 Lotus 1-2-3 spr ...
 - Io流的概述
			
Io流的概述IO: I输入(Input),O 输出(Output)1.什么是IO流? 数据流,IO是严格的“水流模型” 所以IO流是用来读写数据,或者传输数据. 注意:File只能操作文件对象本身,而 ...
 - Cocos Creator 通用框架设计 —— 资源管理
			
如果你想使用Cocos Creator制作一些规模稍大的游戏,那么资源管理是必须解决的问题,随着游戏的进行,你可能会发现游戏的内存占用只升不降,哪怕你当前只用到了极少的资源,并且有使用cc.loade ...
 - Vue-cli中axios传参的方式以及后端取的方式
			
0917自我总结 Vue-cli中axios传参的方式以及后端取的方式 一.传参 params是添加到url的请求字符串中的,用于get请求. data是添加到请求体(body)中的, 用于post请 ...
 - powershell(一)
			
Windows powershell是一种命令行外壳程序和脚本环境,它内置在win7以上版本的操作系统中,使命令行用户和脚本编写者可以利用.NET Framework的强大功能.powershell程 ...
 - Cocos2d-x 学习笔记(8) ActionManager
			
1. 概述 ActionManager管理所有的action,调度所有的action,删除指定的action.每个action对应一个node对象,action存储在actions中,actions和 ...
 - java-i++的原理探究
			
先看例子: package com.test; publick class Auto{ public static void main(String[] args){ Auto inc=new Aut ...
 - 微信小程序自定义弹窗(可通用)
			
效果图 .wxml <cover-view class='mask' wx:if='{{isShow}}'> <cover-view class='modal'> <co ...
 - 百万年薪python之路  --  MySQL数据库之  完整性约束
			
MySQL完整性约束 一. 介绍 为了防止不符合规范的数据进入数据库,在用户对数据进行插入.修改.删除等操作时,DBMS自动按照一定的约束条件对数据进行监测,使不符合规范的数据不能进入数据库,以确保数 ...
 - 包+time+datetime+random+hashlibhmac+typing+requests+re模块(day17整理)
			
目录 昨日内容 os模块 sys模块 json模块 pickle模块 logging模块 今日内容 包 相对导入 绝对导入 time模块 sleep 时间戳 time 格式化时间 strtime 结构 ...