将引导程序导入Vue无效

时间:2017-10-25 10:38:13

标签: npm sass vue.js bootstrap-4

我正在使用本指南:http://vuetips.com/bootstrap

在vue-cli脚手架之上

我正在走这条路。

但是在npm安装之外我没有运气:

import Vue from 'vue'
import App from './App'
import router from './router'
import NavBar from './components/navbar/NavBar.vue'
require('../node_modules/bootstrap-sass/assets/stylesheets/_bootstrap.scss')

Vue.component('NavBar', NavBar)
Vue.config.productionTip = false

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

enter image description here

我尝试使用额外的../编辑路径,以防它是一个文件夹更高但没有雪茄。我已经检查了指向的文件夹,文件确实存在。

1 个答案:

答案 0 :(得分:1)

尝试使用:

require('bootstrap-sass/assets/stylesheets/_bootstrap.scss')

Webpack已解析为node_modules目录。