vue调用css文件时报错

图片描述

这是main.js文件

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import '../static/assets/bootstrap.min.css' 

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

路径再三确认无错。

阅读 3.5k
3 个回答

请查看bootstrap官网bootstrap的用法。没记错的话是要求下载指定包的。
你应该是单单只下载这个css引入对吧?
这样的话bootstrap.min.css引入的有相关svg ,fontwebpack查找依赖没有当然报错了。
Q:"那我该怎么办呢?"
A:"请下载完整的boostrap包放在相应文件夹"

要么你用线上的bootstrap.css,要么你就按照上面的提示下载那些字体文件,在static目录下,然后新建一个fonts文件,将这些字体文件存进这个文件夹中。

clipboard.png
这说得很清楚啊,字体文件没找到

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题