বুটস্ট্র্যাপ 4 নির্ভরতা পপারজেজে কৌণিকরটিতে ত্রুটি ছুঁড়েছে

Question 1

আমি স্রেফ একটি নতুন তৈরি করেছি কৌণিক-ক্লিমেপ্রোজেক্ট
এবং নীচে হিসাবে .angular-cli.json এর সম্পর্কিত অংশগুলি দৌড়ে গিয়েছেnpm install bootstrap@4.0.0-beta jquery popper.js --save
এবং পরিবর্তন করেছে

  "styles": [
    "../node_modules/bootstrap/dist/css/bootstrap.css"
  ],
  "scripts": [
    "../node_modules/jquery/dist/jquery.js",
    "../node_modules/popper.js/dist/popper.js",
    "../node_modules/bootstrap/dist/js/bootstrap.js"
  ],

তবে নীচের ত্রুটি প্রাপ্ত

10:2287 Uncaught SyntaxError: Unexpected token export
    at eval (<anonymous>)
    at webpackJsonp.../../../../script-loader/addScript.js.module.exports (addScript.js:9)
    at Object.../../../../script-loader/index.js!../../../../popper.js/dist/popper.js (popper.js?4b43:1)
    at __webpack_require__ (bootstrap 4403042439558687cdd6:54)
    at Object.2 (scripts.bundle.js:66)
    at __webpack_require__ (bootstrap 4403042439558687cdd6:54)
    at webpackJsonpCallback (bootstrap 4403042439558687cdd6:25)
    at scripts.bundle.js:1

এটি ঠিক করার কোন ধারণা?

Question 2

Https://getbootstrap.com/docs/4.2/getting-st সূত্র / সিন্ড্রোডাকশন /#js এ নথিগুলি দেখে আপনি দেখতে পাচ্ছেন যে তারা নিম্নলিখিতগুলি আমদানি করে:

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

নামকরণ নোট করুন: jquery। স্লিম .min.js, umd /popper.min.js!

অতএব আমি আমার মধ্যে নিম্নলিখিত ব্যবহার .angular-cli.json:

      "styles": [
        "../node_modules/bootstrap/dist/css/bootstrap.css"
      ],
      "scripts": [
        "../node_modules/jquery/dist/jquery.slim.min.js",
        "../node_modules/popper.js/dist/umd/popper.min.js",
        "../node_modules/bootstrap/dist/js/bootstrap.min.js"
      ],

তারপরে এখন মনে হচ্ছে এটি কাজ করে।

Question 3

আমারও একই সমস্যা ছিল। আমার সমাধান ছিল না Dist-ফোল্ডারে (./node_modules/popper.js/dist/popper.js) বরং UMD-ফোল্ডারে (./node_modules/popper.js/dist/ আমদানি করতে UMD /popper.js)। আপনি জেএস-ফাইলের মিনি বা সাধারণ সংস্করণ পান কিনা তা বিবেচ্য নয়।

Question 4

আমি দেখতে পাচ্ছি যে অনেকগুলি বুটস্ট্র্যাপ 4 নির্ভরতা (jQuery, popper.js ইত্যাদি) যুক্ত করে সঠিকভাবে লড়াই করে চলেছে। তবে https://ng-bootstrap.github.io আকারে আরও সহজ সমাধান রয়েছে ।

এনজি-বুটস্ট্র্যাপ গ্রাউন্ড আপ থেকে লিখিত স্থানীয় কৌণিক নির্দেশাবলী সরবরাহ করে। ইতিবাচক পরিণতিটি হ'ল: * আপনার জিক্যুরি, পপ্পার.জেএস ইত্যাদির জন্য অন্তর্ভুক্ত এবং উদ্বেগের দরকার নেই c নির্দেশিকাগুলি এপিআই সরবরাহ করে যা কৌণিক বিশ্বে "জ্ঞান" তৈরি করে

যে কেউ বুটস্ট্র্যাপ 4. এঙ্গুলার সহ বিটা ব্যবহার করার চেষ্টা করছেন - এনজি-বুটস্ট্র্যাপ সবেমাত্র তার প্রথম বিটা প্রকাশ করেছে যা বুটস্ট্র্যাপ ৪. বিটা সিএসএসের সাথে পুরোপুরি সামঞ্জস্যপূর্ণ

Question 5

আপনি যদি Asp.net Mvc umd এ কাজ করেন তবে এটিও করুন ।

Https://stackoverflow.com/a/50839939/8497522 তে যেমন বান্ডেলকনফিগ.সি.এস এ যুক্ত করুন:

bundles.Add(new ScriptBundle("~/bundles/popper").Include("~/Scripts/umd/popper.js"));

ব্যতীত:

bundles.Add(new ScriptBundle("~/bundles/popper").Include("~/Scripts/popper.js"));

Question 6

মডেল চালাতে দয়া করে tsconfig.ts এ "es2015" থেকে "এস 5" তে লক্ষ্য পরিবর্তন করুন

"styles": [ "src/styles.css", 
            "node_modules/bootstrap/dist/css/bootstrap.min.css" ], 
"scripts": ["node_modules/jquery/dist/jquery.min.js", 
            "node_modules/popper.js/dist/umd/popper.min.js", 
            "node_modules/bootstrap/dist/js/bootstrap.min.js"] 
}