将引导程序导入 Vue 不起作用

Posted 2023-02-22

【中文标题】将引导程序导入 Vue 不起作用

【英文标题】：Importing bootstrap to Vue isn't working

【发布时间】：2018-04-06 09:53:02

【问题描述】：

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

在 vue-cli 脚手架之上

我要走野蛮路线。

但是除了 npm install 我没有运气：

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/>'
)

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

【参考方案1】：

尝试使用：

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

Webpack 已经解析到 node_modules 目录。