VueJSはJqueryをロードしません

でrequire()を使用してjquery.minファイルを最初にインポートしたので、ブートストラップの前にjqueryファイルをインポートしてもブートストラップのJavaScriptにエラーがスローされます。VueJSはJqueryをロードしません

main.js：

import vueResource from 'vue-resource'; 
import VueHead from 'vue-head'; 
import Vue from 'vue'; 
import router from './router'; 

require('../node_modules/bootstrap/dist/css/bootstrap.min.css'); 
require('../node_modules/font-awesome/css/font-awesome.min.css'); 
require('../node_modules/simple-line-icons/css/simple-line-icons.css'); 
require('./assets/css/app.css'); 

require('../node_modules/jquery/dist/jquery.min'); 
require('../node_modules/bootstrap/dist/js/bootstrap.min'); 
.....

私はnpmからブートストラップ（バージョン3.3.7）とjQuery（バージョン3.2.1）をインストールしました。

jqueryをインポートする正しい方法は何ですか？bootstrapは見つからないjqueryエラーをスローしません。

出典

2017-10-03 Eniss

'jquery.min'や' bootstrap.min'はうまくいかないと思います。 '.min'は、ファイルサイズを小さくするために不要な文字をすべて削除したファイルのバージョンです。このファイルの種類を指定する必要があります。 'jquery.min'と' bootstrap.min'の後ろに '.js'を追加するだけのようです。 –

両者の後に '.js'を追加しても何も変更されませんでした。私はWebStormアプリケーションを使ってプロジェクトをビルドしています。それは実際に '.js'なしでそのパスを書いた – Eniss

ああ、面白い。残念ながら、WebStormの経験はありません。しかし、私は、この[役に立つ]投稿（https://stackoverflow.com/questions/41401482/i-cant-add-jquery-to-webstorm-why）に遭遇しました。 –

jqueryオブジェクトを使用してブートストラップを初期化できるように、jqueryをグローバルに公開する必要があります。これを試してください。

window.jQuery = window.$ =require('../node_modules/jquery/dist/jquery.min')

出典

2017-10-04 11:59:50

VueJSはJqueryをロードしません

答えて

関連する問題