javascript - 在 Vue.js 中包含 bootstrap 抛出 jQuery not found 错误

Question

我正在使用 Vue.js 编写一个 chrome 扩展，对于我需要引导的界面。我添加了如下所示的 Bootstrap ，但它抛出错误 Uncaught ReferenceError: jQuery is not Defined 在 Object.dismiss (popup.js:9113)

import jQuery from 'jquery';
import bootstrap from 'bootstrap';
import Vue from 'vue';
import App from '../component/app.vue';

var app=new Vue({
  el:'#app',
  data:{
    name:'vue-chrome-extension'
},
render: h =>h(App)
})

我该如何修复这个错误？

Answer 1

 - First Upoll Install the Jquery Npm Package via this command where ur
   project is situated .

   open the command prompt >> enter the following Command.

   **cd "your Project folder path"**   then Press enter  Then  Type the following command to install the Jquery package in ur project. As

    @TremendusApps suggests in his answer, add the Expose Loader
   package:

   npm install expose-loader --save-dev

   import in your entry point main.js like this:

   import 'expose?$!expose?jQuery!jquery'


   Or 

   Add the ProvidePlugin to the plugins array in both
   build/webpack.dev.conf.js and build/webpack.prod.conf.js so that
   jQuery becomes globally available to all your modules:

   plugins: [
     new webpack.ProvidePlugin({
       $: 'jquery',
       jquery: 'jquery',
       'window.jQuery': 'jquery',
       jQuery: 'jquery'   }) 
            ]

Regards.