[解決済み】Bootstrap - Uncaught TypeError: 未定義のプロパティ 'fn' を読み取れない。
2022-01-28 23:28:36
質問
会社のプロジェクトで、jquery, backbonejs, underscorejs, bootstrapを使用しています。時々、クロームでこのエラーが発生します。
<ブロッククオートUncaught TypeError: 未定義のプロパティ 'fn' を読み取ることができません。
私のshimはmain.jsの中でこのようになっています。
require.config({
paths: {
jquery: 'libs/jquery/jquery',
underscore: 'libs/underscore/underscore',
backbone: 'libs/backbone/backbone',
backboneeventbinder: 'libs/backbone.eventbinder.min',
bootstrap: 'libs/bootstrap',
jquerytablesorter: 'libs/tablesorter/jquery.tablesorter',
tablesorter: 'libs/tablesorter/tables',
ajaxupload: 'libs/ajax-upload',
templates: '../templates'
},
shim: {
'backbone': {
deps: ['underscore', 'jquery'],
exports: 'Backbone'
},
'underscore': {
exports: '_'
},
}
});
require(['app', ], function(App) {
App.initialize();
});
jquery、underscorejs、backbonejsについては、すでに.noConflict()を挿入しています。
私のapp.js
// Filename: app.js
define(['jquery', 'underscore', 'backbone', 'backboneeventbinder', 'bootstrap', 'ajaxupload', 'router', // Request router.js
], function($, _, Backbone, Bootstrap, Backboneeventbinder, Ajaxupload, Router) {
$.noConflict();
_.noConflict();
Backbone.noConflict();
var initialize = function() {
Router.initialize();
};
return {
initialize: initialize
};
});
これは私のクロームからのスクリーンショットです。
ブートストラップと関係があるような気がします。
ありがとうございました。
どのように解決するのですか?
ブートストラップの前にjqueryをロードする必要があります。
require.config({
paths: {
jquery: 'libs/jquery/jquery',
underscore: 'libs/underscore/underscore',
backbone: 'libs/backbone/backbone',
bootstrap: 'libs/bootstrap',
jquerytablesorter: 'libs/tablesorter/jquery.tablesorter',
tablesorter: 'libs/tablesorter/tables',
ajaxupload: 'libs/ajax-upload',
templates: '../templates'
},
shim: {
'backbone': {
deps: ['underscore', 'jquery'],
exports: 'Backbone'
},
'jquery': {
exports: '$'
},
'bootstrap': {
deps: ['jquery'],
exports: '$'
},
'jquerytablesorter': {
deps: ['jquery'],
exports: '$'
},
'tablesorter': {
deps: ['jquery'],
exports: '$'
},
'ajaxupload': {
deps: ['jquery'],
exports: '$'
},
'underscore': {
exports: '_'
},
}
});
require(['app', ], function(App) {
App.initialize();
});
魅力的に動作します!迅速かつ簡単に修正できます。
関連
-
[解決済み】Uncaught TypeError: 未定義のプロパティ 'msie' を読み取れない - jQuery tools
-
[解決済み】カルーセルで画像を中央に配置する方法
-
[解決済み] jQueryでリンクを無効化する
-
[解決済み] 繰延べと約束
-
[解決済み] jQueryでdiv内のspanにテキストを追加する
-
[解決済み] jQueryで文字色を変更するにはどうすればよいですか?
-
[解決済み] AJAXを同期させる(SJAX)にはどうすればよいか
-
[解決済み] jQueryやJavaScriptを使用してURLパラメータを取得するには?
-
[解決済み] jQueryの再帰性が高すぎる
-
[解決済み] Jquery テーブルの行を隠す
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】jQuery: outer html() [重複]。
-
[解決済み] jQuery .load()が動作しない
-
[解決済み] jQueryでリンクを無効化する
-
[解決済み] jQueryがfadeOutで動作しない
-
[解決済み] 繰延べと約束
-
[解決済み] jQueryは、すべてのテキストフィールドの値の合計を計算する
-
[解決済み] jQueryで文字色を変更するにはどうすればよいですか?
-
[解決済み] jQueryで小文字と大文字を使い分ける
-
[解決済み] jQuery slidetoggleが動作しない?[クローズド]
-
[解決済み] jQuery Mobileのボタンを無効にする