আমি বুটস্ট্র্যাপ 4 ইনস্টল করার চেষ্টা করেছি এবং নীচের লিঙ্কগুলি অন্তর্ভুক্ত করেছি
<script src="libs/jquery/dist/jquery.min.js"></script>
<script src="libs/tether/dist/js/tether.min.js" ></script>
<script src="libs/popper.js/dist/popper.js"></script>
<script src="libs/bootstrap/dist/js/bootstrap.min.js" ></script>
তবে নিম্নলিখিত ত্রুটি ঘটে:
আনকচড সিনট্যাক্স এরিয়ার: অপ্রত্যাশিত টোকেন রফতানি
কোন ধারনা কিভাবে এটা ঠিক?
উত্তর:
আমি যদি সিডিএন নেটওয়ার্কের মতো পপার.জেএস ব্যবহার করি তবে আমি একই সমস্যার মুখোমুখি হয়েছি cdnjs।
Bootstrap 4উদাহরণস্বরূপ উদাহরণস্বরূপ উত্সের কোডটি যদি আপনি পর্যবেক্ষণ করেন তবে ন্যাবার আপনি দেখতে পাচ্ছেন যে popper.min.jsএখান থেকে লোড হয়েছে:
<script src="https://getbootstrap.com/docs/4.1/assets/js/vendor/popper.min.js"></script>
আমি আমার প্রকল্পে এটি অন্তর্ভুক্ত করেছি এবং ত্রুটিটি চলে গেছে। আপনি উত্স কোডটি ডাউনলোড করতে পারেন
https://getbootstrap.com/docs/4.1/assets/js/vendor/popper.min.js
এবং স্থানীয় প্রকল্প হিসাবে আপনার প্রকল্পে অন্তর্ভুক্ত এবং এটি কাজ করা উচিত।
popper.js
ঠিক এটি পেয়েছি এবং বুঝতে পেরেছি কেন এটি সত্যই ঘটে। অন্যরা এখানে আসার ক্ষেত্রে:
Readme.md "ব্যবহার" পরীক্ষা করুন। তিনটি পার্থক্য মডিউল লোডারগুলির জন্য তিনটি সংস্করণে lib উপলব্ধ। সংক্ষেপে: আপনি যদি <script>ট্যাগ দিয়ে এটি লোড করেন তবে আপনাকে অবশ্যই ইউএমডি সংস্করণটি ব্যবহার করতে হবে । আপনি এটি খুঁজে পেতে পারেন /dist/umd। ডিফল্ট (ইন /dist) হ'ল ESNext (ইসিএমএ-স্ক্রিপ্ট) যা scriptট্যাগ ব্যবহার করে লোড করা যায় না ।
বুটস্ট্র্যাপ 4 এর ইউএমডি সংস্করণ প্রয়োজন popper.js, এবং নিশ্চিত করুন যে ক্রমটি নিম্নলিখিত হিসাবে রয়েছে:
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="~/Scripts/jquery-3.0.0.min.js"></script>
<script src="~/Scripts/umd/popper.min.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>
আপনি বুটস্ট্র্যাপ.বান্ডেল.মিন.জেস যুক্ত করতে এবং আপনার এইচটিএমএলে পপ্পার.জেগুলি সরাতে পারেন।
বান্ডিলযুক্ত জেএস ফাইলগুলিতে ( bootstrap.bundle.jsএবং সংশোধিত bootstrap.bundle.min.js) অন্তর্ভুক্ত রয়েছে [পপার] ( https://popper.js.org/ ), তবে jQuery নয় ।
bootstrap.bundle.min.jsঅন্তর্ভুক্তpopperjs
README এ লাইন 96 96
পপার.জেএস বর্তমানে 3 টি লক্ষ্য লক্ষ্য রেখে প্রেরণ করা হয়েছে: ইউএমডি, ইএসএম এবং ইএসনেেক্সট।
dist/, ওয়েবপ্যাক এবং ব্যবহার করা যেতে পারে babel-preset-env;আপনার প্রয়োজনের জন্য সঠিকটি ব্যবহার নিশ্চিত করুন। আপনি যদি এটি <script>ট্যাগ দিয়ে আমদানি করতে চান তবে ইউএমডি ব্যবহার করুন।
আপনার বান্ডেল কনফিগারেশন বান্ডিলগুলিতে নিম্নলিখিত কোড রয়েছে Aএড করুন (নতুন স্ক্রিপ্টবান্ডেল ("~ / স্ক্রিপ্টস / jquery- {সংস্করণ} .js")) অন্তর্ভুক্ত করুন;
bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
"~/Scripts/jquery.validate*"));
// Use the development version of Modernizr to develop with and learn from. Then, when you're
// ready for production, use the build tool at https://modernizr.com to pick only the tests you need.
bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
"~/Scripts/modernizr-*"));
bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
"~/Scripts/umd/popper.min.js",
"~/Scripts/bootstrap.js",
"~/Scripts/respond.js"));
এইচটিএমএল লেআউটে নিম্নলিখিত কোড
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
এটি আমার পক্ষে কাজ করেছে