বুটস্ট্র্যাপ অচিহ্নিত ত্রুটি: বুটস্ট্র্যাপের জাভাস্ক্রিপ্টের জন্য jQuery প্রয়োজন [বন্ধ]

172

বন্ধ থাকে। এই প্রশ্নের ডিবাগিং বিশদ প্রয়োজন । এটি বর্তমানে উত্তর গ্রহণ করছে না।

এই প্রশ্নটি উন্নত করতে চান? প্রশ্ন আপডেট করুন তাই এটা -বিষয়ে স্ট্যাক ওভারফ্লো জন্য।

2 বছর আগে বন্ধ ।

আমি একটি প্রোগ্রামের জন্য একটি ইন্টারফেস তৈরি করতে বুটস্ট্র্যাপ ব্যবহার করার চেষ্টা করছি। আমি ট্যাগটিতে jQuery 1.11.0 যোগ করেছি <head>এবং ভেবেছিলাম যে এটি ছিল, কিন্তু যখন আমি কোনও ব্রাউজারে ওয়েব পৃষ্ঠাটি চালু করি তখন jQuery একটি ত্রুটি জানায়:

Uncaught Error: Bootstrap's JavaScript requires jQuery

আমি jQuery 1.9.0 ব্যবহার করার চেষ্টা করেছি, বেশ কয়েকটি সিডিএনতে হোস্ট করা অনুলিপিগুলি দিয়ে চেষ্টা করেছি, তবে আমি এটি কার্যকর করতে পারি না। আমি কি ভুল করছি কেউ কেউ ইঙ্গিত করতে পারে?

— মুনিম মুন্না
সূত্র

28

বুটস্ট্র্যাপের আগে jQuery অন্তর্ভুক্ত করুন ...

— অ্যাড্রিয়ানো পুনর্নির্মাণ

আমার ক্ষেত্রে, আমি বুটস্ট্র্যাপের আগে jquery ইনস্টল করেছি এবং তারপরে, এটি দুর্দান্ত কাজ করেছে। বুটস্ট্র্যাপের ঠিক আগেরটি সহ ত্রুটিটি সমাধান হয়নি।

— স্টুটি ভার্মা

আমি আমার ক্ষেত্রে, ফুটারে jquery যুক্ত করার পরিবর্তে (বুটস্ট্র্যাপ টেম্পলেট হিসাবে); আমি এটি হেডারে যুক্ত করেছি। সমস্যার সমাধান.

— আদিল রাজা আজিমি

1

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js" integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ=" crossorigin="anonymous"></script>

বুটস্ট্র্যাপ আমদানি স্ক্রিপ্টের আগে কেবল যুক্ত করুন । এখানে সর্বশেষতম সিডিএন অনুলিপি করুন: সিডিএনজেএস.com

— টিনা লি

373

এটা চেষ্টা কর

ফাইলগুলির ক্রমটি পরিবর্তন করুন এটি নীচের মতো হওয়া উচিত ..

<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/wow.min.js"></script>

— শ্রীধর আর
সূত্র

85

আমার জন্য কাজ করে না। আমার কাছে বুটস্ট্র্যাপের আগে jQuery আছে এবং তবুও ত্রুটি পাওয়া যায়!

— সবুজ

2

কাজ করেছে তবে নীচে একটি অনুভূমিক স্ক্রোলবার পেয়েছে

— হিমালয়ান

1

যদি এটি এ থেকে কাজ না করে .. এটি হতে পারে যে জাওয়ারি বোভারের মাধ্যমে ইনস্টল করা আছে এবং তাই আপনার প্রয়োজন হতে পারে bower_comp घटक / jquery / dist / jquery.js এর অধীনে the "ডিস" অংশটি যা আমি উপেক্ষা করেছি being

— জ্যাক্স কাভালেরা

জ্যাঙ্গো-অস্কার প্রকল্পের জন্য আমার পক্ষে কাজ করেছেন। এই ত্রুটিটি নীলের বাইরে দেখানো শুরু করে। আমি মনে করি একটি সম্পূর্ণ সম্পর্কযুক্ত কোডের সাথে জগাখিচির উপস্থাপনা ক্রম পরিবর্তন করতে এবং এই ত্রুটিটি ট্রিগার করতে পারে।

— ম্যাডফিসিসিস্ট

স্পষ্টতই আমি খেয়াল করিনি যে আমি বুটস্ট্র্যাপ করেছি j জেএস দুটি অন্তর্ভুক্ত রয়েছে - প্রথমবারের মতো প্রশ্নের আগে

— জেজে রোমান

91

আপনি যদি কেবল ব্রাউজার-পরিবেশে থাকেন তবে শ্রীধরআর এর সমাধানটি ব্যবহার করুন ।

আপনি যদি নোড / কমনজেএস + ব্রাউজার পরিবেশে থাকেন (যেমন ইলেক্ট্রন, নোড-ওয়েবকিট, ইত্যাদি ..); এই ত্রুটির কারণ হ'ল jQuery এর রফতানি যুক্তি প্রথমে যাচাই করে module, না window:

if (typeof module === "object" && typeof module.exports === "object") {
    // CommonJS/Node
} else {
    // window
}

মনে রাখবেন যে এটি নিজের module.exportsক্ষেত্রে রফতানি করে ; সুতরাং jQueryএবং $নিযুক্ত করা হয় না window।

সুতরাং এটির পরিবর্তে, পরিবর্তে <script src="path/to/jquery.js"></script>;

কেবল একটি requireবিবৃতি দ্বারা এটি নিজেকে নির্ধারণ করুন :

<script>
    window.jQuery = window.$ = require('jquery');
</script>

দ্রষ্টব্য: যদি আপনার ইলেক্ট্রন অ্যাপ্লিকেশনটির প্রয়োজন না হয় তবে nodeIntegrationএটি সেট করুন falseযাতে আপনার এই কাজের প্রয়োজন হবে না।

— ওনুর ইল্ডারিয়াম
সূত্র

3

window.jQuery = window.$ = require('jquery');এটি আমার জন্য jQuery 2 এবং বুটস্ট্র্যাপ 3 দিয়ে ব্রাঞ্চ বিল্ডটি একত্রিত করার চেষ্টা করার জন্য কাজ করেছিল যদিও আপনার উত্তরটি খুঁজতে আমাকে কেবল কয়েক ঘন্টা সময় নিয়েছিল :(। jQuery এর পরবর্তী সংস্করণে এই প্রয়োজনীয়তাটি পরিবর্তন হয়?

— রিকিত

1

আমি জানি না তবে যেহেতু এটি কোনও বাগ নয়, তাই আমিও এটি মনে করি না। যদি আপনার ইলেক্ট্রন অ্যাপ্লিকেশনটির প্রয়োজন না হয় তবে nodeIntegrationএটি সেট করুন falseযাতে আপনার এই কাজের প্রয়োজন হবে না।

— ওনুর ইল্ডারিয়াম

1

আপনি জালিয়াতি ইনস্টল করতে হবে বোভারের npm install jqueryসাথে না ব্যবহার করে ।

— syodage

1

ইলেক্ট্রন কীভাবে উইন্ডো ভিত্তিক অ্যাপ্লিকেশনটির চেয়ে লাইব্রেরিগুলির সাথে আলাদা আলাদা আচরণ করে তা দেখতে কার্যকর

— jwknz

আমি এখনও এটি বুঝতে পারি না, তবে লারাভেল

— রায়ান

14

আপনার প্রথমে jquery লোড করা উচিত কারণ বুটস্ট্র্যাপ jquery বৈশিষ্ট্য ব্যবহার করে। এটার মত:

<!doctype html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" src="css/animate.css">
        <link type="text/css" rel="stylesheet" src="css/bootstrap-theme.min.css">
        <link type="text/css" rel="stylesheet" src="css/bootstrap.min.css">
        <link type="text/css" rel="stylesheet" href="css/custom.css">

<!--   Shuffle your scripts HERE  -->
        <script src="js/jquery-1.11.0.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/wow.min.js"></script>
<!--   End  -->   

        <title>pyMeLy Interface</title>
    </head>
    <body>
        <p class="title1"><strong>pyMeLy</strong></p>
        <p class="title2"><em> A stylish way to view your media</em></p>
        <div style="text-align:center;">
            <button type="button" class="btn btn-primary">Movies</button>
            <button type="button" class="btn btn-primary btn-lg">Large button</button>
        </div>
    </body>
</html>

— 124
সূত্র

7

বুটস্ট্র্যাপ যোগ করার আগে আপনাকে জিকুয়ারি যুক্ত করতে হবে-

<!-- JQuery Core JavaScript -->
<script src="lib/js/jquery.min.js"></script>

<!-- Bootstrap Core JavaScript -->
<script src="lib/js/bootstrap.min.js"></script>

— বিবেক পান্ডে
সূত্র

4

আপনি জাভাস্ক্রিপ্ট এবং বুটস্ট্র্যাপের জন্য ভুল অর্ডার সরবরাহ করেছেন

কনভেনশন বুটস্ট্র্যাপ অবশ্যই jquery ফাইল সংজ্ঞা অনুসরণ করতে হবে

<!-- JQuery Core JavaScript -->
<script src="lib/js/jquery.min.js"></script>
<script src="lib/js/jquery-ui.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="lib/js/bootstrap.min.js"></script>

— মোহিত সিং
সূত্র

1

আমার ক্ষেত্রে সমাধানটি সত্যিই নির্বোধ এবং অদ্ভুত।

কোডের নীচে _ লেআউট.সি.এইচটিএমএল ফাইলের দ্বারা প্রাক-জনবহুল ছিল। (আমার দ্বারা লিখিত নয়)

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>

তবে, আমি যখন স্ক্রিপ্টস ফোল্ডারে যাচাই করেছি, jquery-1.10.2.min.js এমনকি উপলব্ধ ছিল না। সুতরাং, নীচের মতো কোডটি প্রতিস্থাপন করা হয়েছে যেখানে jquery-1.9.1.min.js একটি বিদ্যমান ফাইল:

<script src="~/Scripts/jquery-1.9.1.min.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>

— অশোক কুমার
সূত্র

1

আমি নোডজেএস ব্যবহার করছি এবং একই ত্রুটি পেয়েছি। অন্যান্য উত্তরের মতো সমস্যাটিও ছিল কারণ বুটস্ট্র্যাপের আগে জিকুয়েরি লোড করা দরকার ছিল; তবে নোডজেএস বৈশিষ্ট্যগুলির কারণে, এই পরিবর্তনটি পাইপলাইন.জেএস ফাইলটিতে প্রয়োগ করতে হয়েছিল ।

পাইপলাইন.জেজে পরিবর্তনগুলি এরকম ছিল:

var jsFilesToInject = [
  // Dependencies like jQuery, or Angular are brought in here
  'js/dependencies/angular.1.3.js',
  'js/dependencies/jquery.js',
  'js/dependencies/bootstrap.js',
  'js/dependencies/**/*.js',
];

আমি সাহায্যের জন্য গ্রান্টও ব্যবহার করছি এবং এটি মূল HTML পৃষ্ঠায় স্বয়ংক্রিয়ভাবে ক্রমটি পরিবর্তন করেছে:

<!--SCRIPTS-->
  <script src="/js/dependencies/angular.1.3.js"></script>
  <script src="/js/dependencies/jquery.js"></script>
  <script src="/js/dependencies/bootstrap.js"></script>
  <!-- other dependencies -->
<!--SCRIPTS END-->

আশা করি এটা সাহায্য করবে! আপনার পরিবেশ কী তা আপনি বলেন নি, তাই আমি এই উত্তরটি পোস্ট করার সিদ্ধান্ত নিয়েছি।

— Ernani
সূত্র

1

আপনি যদি require.jsপ্রয়োজন থেকে বেশি ব্যবহার করেন তবে window.$ = window.jQuery = require('jquery')app.js এ যুক্ত করুন

অথবা আপনি প্যারেন্ট ফাইল লোড হওয়ার পরে নির্ভরশীল ফাইল লোড করতে পারেন .. যেমন নীচের ধারণাটি

require.config({
    baseUrl: "scripts/appScript",
    paths: {
        'jquery':'jQuery/jquery.min',
        'bootstrap':'bootstrap/bootstrap.min' 
    },
   shim
    shim: {
        'bootstrap':['jquery'],
        },

    // kick start application
    deps: ['app']
});

উপরে কোড দেখানো হয়েছে যে bootstrapএটি নির্ভরশীল Jqueryতাই আমি যুক্ত করে shimএটিকে নির্ভর করে তুলি

— SantoshK
সূত্র

0

যদি আপনার কোডটি ভাল দেখাচ্ছে তবে যাচাই করুন যা আপনার সার্ভারে সফলভাবে লোড হয়েছে। আমার ক্ষেত্রে, jQuery ফাইলগুলি আমার আইডিই দ্বারা সার্ভারে প্রকাশিত হয়েছিল, তবে ওয়েব সার্ভারটিতে কেবল 0 কেবি ফাইল স্টাব ছিল। কোনও সামগ্রী নেই, সার্ভারটি ব্রাউজারে ফাইলটি পরিবেশন করতে ব্যর্থ হয়েছে।

ফাইলটি পুনরায় প্রকাশ করার পরে এবং সার্ভারটি আসলে পুরো ফাইলটি পেয়েছে তা যাচাই করার পরে, আমার ওয়েব পৃষ্ঠাটি আমাকে ত্রুটি দেওয়া বন্ধ করে দিয়েছে।

— Zarepheth
সূত্র

0

বুটস্ট্র্যাপ জেএস ফাইল যুক্ত করার আগে আপনাকে জিকুয়েরি জেএস যুক্ত করতে হবে, কারণ বুটস্প্র্যাপে জিকিউরিজ ফাংশন ব্যবহার করা হয়। সুতরাং প্রথমে jquery js এবং তারপরে বুটস্ট্যাপ জেএস ফাইলটি লোড করার বিষয়টি নিশ্চিত করুন।

<!-- JQuery Core JavaScript -->
<script src="app/js/jquery.min.js"></script>

<!-- Bootstrap Core JavaScript -->
<script src="app/js/bootstrap.min.js"></script>

— জনি দেবাং
সূত্র

0

যদি এটি কেবলমাত্র আই ইন্ট্রানেট হয় তবে সামঞ্জস্যতা সেটিংস পরীক্ষা করুন এবং "সামঞ্জস্যতা মোডে ইন্ট্রানেট সাইটগুলি প্রদর্শন করুন" পরীক্ষা করুন।

আই ই -> সেটিংস -> সামঞ্জস্য

— দাভুত গার্বিজ
সূত্র

0

সরকারী দস্তাবেজে: https://electronjs.org/docs/faq#i-can-not-use-jqueryrequirejsmeteorangularjs-in-electron

<head>
  <script>
  window.nodeRequire = require;
  delete window.require;
  delete window.exports;
  delete window.module;
  </script>
  <script type="text/javascript" src="jquery.js"></script>
</head>

— ফ্যাবিও সৌজা
সূত্র

1

আমি "" স্ক্রিপ্টস "কোড সহ এঙ্গুলার.জেসনে এটি সংশোধন করেছি: [" নোড_মডিউলস / জ্যাকুয়ারি / ডিস্ট / জ্যাকুয়েরি.মিন.জেস "," নোড_মডিউলস / বুটস্ট্র্যাপ / ডিএস / জেএস / বুটস্ট্র্যাপ.মিন.জেএস "]"

— এন্টওয়ো

0

আমি উপরোক্ত সমস্ত পদ্ধতি ব্যবহার করে দেখেছি।

অবশেষে এটি অন্তর্ভুক্ত করে এটি সংশোধন করে

script src="{%static 'App/js/jquery.js' %}"

স্ট্যাটিক ফাইলগুলি লোড করার পরে যেমন {% load staticfiles %}বেইস.চ.টি.এম.এল.

— কণিকে
সূত্র

0

এই সমস্যাটির সাথে লড়াই করার পরে আমি তিনটি পদক্ষেপ নিয়েছি:

1.9.0 এবং 3.0.0 এর মধ্যে যে কোনও জায়গায় jQuery সংস্করণ ব্যবহার করুন
বুটস্ট্র্যাপ ফাইল ঘোষণার আগে jQuery ফাইলটি ঘোষণা করুন
এই দুটি স্ক্রিপ্ট ফাইল <body></body>ট্যাগগুলির চেয়ে ট্যাগের নীচে ঘোষণা করুন <head></head>। এগুলি আমার পক্ষে কাজ করেছে তবে আপনি যে ব্রাউজারটি ব্যবহার করছেন তার উপর ভিত্তি করে বিভিন্ন আচরণ থাকতে পারে।

— Karisno1
সূত্র