বুটস্ট্র্যাপ মানচিত্র ফাইলটি লোড করার চেষ্টা করছে। কীভাবে এটি অক্ষম করবেন? আমার কি এটা করা দরকার?


127

আমি সম্প্রতি বুটস্রাপি 3 নিয়ে খেলছি। আমি এটি উত্স থেকে সংকলন করেছি এবং আমার প্রকল্পে ডিএসআরএস এবং সিএসএস অন্তর্ভুক্ত করেছি। জিনিসটি হ'ল আমি জিএইচ ডেভ সরঞ্জামগুলিতে দেখতে পাচ্ছি যে এটি .map.css ফাইল পাওয়ার চেষ্টা করছে। কেন এটি করতে চায়? কীভাবে এটি অক্ষম করবেন? আমার কি এটি নিষ্ক্রিয় করা দরকার? দেব সরঞ্জামগুলিতে ত্রুটি চিহ্ন না রাখার জন্য, আমি সেই মানচিত্র ফাইলটি যুক্ত করেছি, তারপরে সমস্ত স্টাইলগুলি কম ফাইলে সংজ্ঞায়িত করা হিসাবে প্রদর্শিত হবে, যা আমাকে খুব বেশি সহায়তা করে না।


4
নীচে দেওয়া উত্তরগুলির মধ্যে কি আপনার প্রশ্নের উত্তর আছে? যদি তা না হয় তবে আপনি কি আপনার প্রশ্নটি আপডেট করতে পারেন যাতে আমরা আমাদের উত্তরগুলি উন্নত করতে পারি?
ডমিনিক জুউকিউইচ

উত্তর:


162

/*# sourceMappingURL=bootstrap.css.map */থেকে লাইনটি মুছুনbootstrap.css


37
আপনার উত্তরটি ওপি এবং অন্যান্য পাঠকদের জন্য আরও দরকারী করতে দয়া করে আপনার উত্তরটি সংক্ষেপে ব্যাখ্যা করুন।
মোহিত জৈন

9
এটি কাজ করে, তবে বুটস্ট্র্যাপটি সরাসরি নোড_মডিউল থেকে রেফারেন্স করা হয়, যখন বুটস্ট্র্যাপ পুনরায় ইনস্টল করা হয়, এটি আবার ওভাররাইট করা হবে
আলেকজান্ডার

2
কি দারুন! একেবারে ক্রেজি ... এটি কেবল তখনই কাজ করে যদি আপনি লাইনটি "মুছুন" (যেমন আপনি বলেছেন) ... মন্তব্য করা এখনও 404 ত্রুটি তৈরি করেছে! খুশী আমি আপনার পোস্টে হোঁচট খেয়েছি!
flipflopmedia

120

.map ফাইলগুলি কোনও ব্রাউজারকে মিনিফাইড জেএসের একটি সম্পূর্ণ সংস্করণ ডাউনলোড করার অনুমতি দেয়। এটি সত্যিই ডিবাগিংয়ের উদ্দেশ্যে।

কার্যত, .map অনুপস্থিতি কোনও সমস্যা নয়। আপনি কেবল এটি নিখোঁজই জানেন, যেহেতু ব্রাউজারটি এর বিকাশকারী সরঞ্জামগুলি খোলার সাথে সাথে একটি মিনিফাইড ফাইল সনাক্ত করেছে এবং কেবল আপনাকে জানিয়ে দিচ্ছে যে জেএস ডিবাগিং এটির মতো ভাল হবে না।

এজন্য jQuery এর মতো লাইব্রেরিগুলিতেও পূর্ণ, মাইনযুক্ত এবং মানচিত্র ফাইল রয়েছে।

.Map ফাইলগুলির সম্পূর্ণ ব্যাখ্যার জন্য এই নিবন্ধটি দেখুন :


1
এগুলি ডাউনলোড করেন? কোথা থেকে? আমি ধরে নিয়েছি যে .বিহীন ফাইলগুলি কোনওভাবে মানচিত্রের ফাইলের ভিতরে প্যাক করা আছে। এবং পৃষ্ঠা লোডে, বুট্র্যাপ প্যাকেজ থেকে এই ফাইলগুলি পুনরায় তৈরি করে।
dhblah

1
একই ডিরেক্টরি থেকে এটি .js পায়। এটি কেবল তখন মনে রাখবেন যখন বিকাশকারী সরঞ্জামগুলি সাধারণ অনুরোধ হিসাবে নয়, খোলা থাকে।
ডোমিনিক জুউকিউইচ

আপনার জবাবের জন্য ধন্যবাদ, তবে .lessআমার প্রকল্পে আমার কাছে ফাইল নেই। আমি কেবল যুক্ত করেছি .cssএবং .jsফাইলগুলি এবং সেই mapফাইলটি।
dhblah

1
@ রেইমন্ড: বিকাশকারী সরঞ্জামগুলি .min.css- এর মতো ফাইলের নামগুলি বোঝে না - সর্বোপরি - আমরা কী গ্যারান্টি দিতে পারি যে এটি ক্ষুদ্রতর হয়? না .. এটি উভয় অনুলিপি উপলব্ধ রয়েছে তা নিশ্চিত করার জন্য এটি ম্যাপটি ডাউনলোড করবে। আবার, এটি বিকাশকারী সরঞ্জামগুলির সাথে সক্ষম করা হচ্ছে। আপনি যদি সরঞ্জামগুলির উইন্ডোটি বন্ধ করেন তবে এটির জন্য অনুরোধ করা হবে না।
ডমিনিক জুউকিউইজ

3
পুনরাবৃত্তি করার জন্য, .map ফাইলটি কেবল তখনই অনুরোধ করা হয় যখন কেবলমাত্র ডিভাইসগুলি খোলা থাকে, তাই যদি এটি অনুপস্থিত থাকে তবে কোনও সাধারণ ব্যবহারকারী আপনার পৃষ্ঠায় গেলে আপনি কোনও অতিরিক্ত ব্যর্থতার অনুরোধ পাচ্ছেন না।
tomf

27

লাইন সরান /*# sourceMappingURL=bootstrap.css.map */মধ্যেbootstrap.css

ত্রুটিটি যদি অব্যাহত থাকে তবে ব্রাউজারের ক্যাশে (CTRL + F5) পরিষ্কার করুন।


1
একই উত্তর দুই বছর পরে?
পানু হারামো

17

এটি কেবল তখনই ঘটে যখন আপনি দেব-সরঞ্জামগুলি ব্যবহার করেন এবং সাধারণ ব্যবহারকারীরা উত্পাদন সার্ভার অ্যাক্সেস করার ক্ষেত্রে তা ঘটবে না।

যাইহোক, দেব-সরঞ্জামগুলিতে কেবল এই আচরণটি অক্ষম করা আমার কাছে দরকারী বলে মনে হয়েছিল : সেটিংসটি খুলুন এবং "উত্স মানচিত্র সক্ষম করুন" বিকল্পটি চেক করুন।

মানচিত্রের ফাইলগুলিতে অ্যাক্সেসের আর চেষ্টা করা হবে না।


আমি মনে করি এটি সম্ভবত সবচেয়ে প্রাসঙ্গিক উত্তর হতে পারে। অন্যরা কেবলমাত্র আপনার অ্যাপ্লিকেশনের সাথে প্যাকেজযুক্ত ফাইলগুলি উল্লিখিত হলে প্রাসঙ্গিক - যা সর্বদা ক্ষেত্রে হয় না।
লুকিনো

16

"/*# sourceMappingURL=bootstrap.min.css.map */ "নিম্নলিখিত ফাইলগুলিতে লাইনটি মুছুন ।

  • সিএসএস / bootstrap.min.css
  • সিএসএস / bootstrap.css

লিনাক্সে ফাইলের পথটি আনতে কমান্ডটি ব্যবহার করুন find / -name "\*bootstrap\*"


বুটস্ট্র্যাপ.মিন.সিএসএস.ম্যাপের মতো উত্স মানচিত্রের ফাইলগুলি ফাইল মিনিফিকেশন / সংকলনের প্রক্রিয়া চলাকালীন স্বয়ংক্রিয়ভাবে উত্পন্ন হয়। উত্পাদনের জন্য এগুলি আসলে প্রয়োজন হয় না, তবে একই সাথে তারা ম্যাপিংয়ের তুলনায় 3 গুণ বেশি ডিস্ক স্থান দখল করে। এজন্য আমরা তাদের মুক্তির অন্তর্ভুক্ত করি না। আপনি যদি কেবল এই বার্তাটি সরাতে চান তবে আপনি / * # সোর্স ম্যাপিং URL = বুটস্ট্র্যাপ.মিন.সিএস.ম্যাপ * / / বুটস্ট্র্যাপ.মিন.সিএসএস, বুটস্ট্র্যাপ.মিন.জেএস এবং পপ্পার.মিন.জেস বা ডাউনলোড উত্সের মত মন্তব্যগুলি সরাতে পারেন বুটস্ট্র্যাপ ৪.১.৩ রিলিজ থেকে ফাইলগুলি ম্যাপ করুন এবং এগুলি libs ডিরেক্টরিতে রেখে দিন।
অজয় টাকুর

6

আপনার কাছে যদি সঠিক .map ফাইল না থাকে এবং আপনি বুটস্ট্র্যাপ সিএসএসে লাইনগুলি সম্পাদনা করতে না চান আপনি একটি ডামি .ম্যাপ ফাইল তৈরি করতে পারেন।

আমার ক্ষেত্রে আমি ত্রুটিটি দেখছিলাম:

GET /bootstrap.css.map not found.

সুতরাং আমি / সার্বজনীন ডিরেক্টরিতে একটি খালি বুটস্ট্র্যাপ.সিএস.ম্যাপ তৈরি করেছি এবং ত্রুটি বন্ধ হয়ে গেছে।


1
এর সাথে bowerবা এর মতো কিছু কাজ করে না কারণ উত্পাদন মোডে উত্স থেকে বুটস্ট্র্যাপ ইনস্টল হবে will লাইনটি সরিয়ে দিতে বলে এমন কোনও উত্তরের জন্য একই /*# sourceMappingURL=bootstrap.css.map */
মন্টেইরোব্রেনা

4

মুছে ফেলুন / * # উত্সম্যাপিং URL = বুটস্ট্র্যাপ.মিন.সিএস.ম্যাপ * / সিএসএস / বুটস্ট্র্যাপ.মিনসিএসএসে

এবং / * # উত্সম্যাপিং URL = bootstrap.css.map * / সিএসএস / বুটস্ট্র্যাপ.css মুছুন


1

বুটস্ট্র্যাপ সিএসএস থেকে শেষ লাইনটি সরিয়ে ফেলুন / * # উত্সম্যাপিং URL = বুটস্ট্র্যাপ- থিম.কম.ম্যাপ * /


1

গুগল দেব-সরঞ্জামগুলিতে আমারও সতর্কতা ছিল এবং আমি একই ফোল্ডারে কেবল বুটস্ট্র্যাপ.মিন সিএসএস.ম্যাপ ফাইল যুক্ত করেছি, যেখানে বুটস্ট্র্যাপ.মিন.সিএসএস রয়েছে।

আমার এখন আর কোনও সতর্কতা নেই এবং আপনি এখানে আরও ব্যাখ্যা পেতে পারেন: https://github.com/twbs/bootstrap#whats- অন্তর্ভুক্ত

আমি আশা করি, আমি আপনার প্রশ্নের উত্তর দিয়েছি।


1

আমার জন্য, বুটস্ট্র্যাপ সিএসএস এর সাথে একটি খালি বুটস্ট্র্যাপ.সিএস.ম্যাপ তৈরি করে ত্রুটি বন্ধ হয়ে গেছে।


1

এই লাইনটি মোছা এটিকে ঠিক করে দেয় তবে সমস্যাটি বুস্ট্র্যাপ ফাইলগুলিতে রয়েছে bower_components এবং উত্স নিয়ন্ত্রণে চেক করা হয়নি।

সুতরাং, দলের প্রতিটি বিকাশকারীরা যখন রেপো টানবে এবং করবে bower install(যা একটি নতুন রেপো ব্যবহারের অংশ) তখন মানচিত্রের রেফারেন্স সহ CSS ফাইলটি পাবেন ।

ফাইলটিতে এমন কোনও মানচিত্রের উল্লেখ নেই যা সেখানে নেই।


1

ঠিক আছে সম্প্রতি আমি এই সমস্যার মুখোমুখি হয়েছি এই সমস্যাটি সমাধানের জন্য আমার কাছে খুব সহজ সমাধান রয়েছে, এই পদক্ষেপগুলি অনুসরণ করুন: এই ডিরেক্টরিগুলিতে যান src-> app-> index.html সূচক খুলুন এবং এতে <base href="your app name ">পরিবর্তন করুন<base href="https://stackoverflow.com/">


0

Bootstrap.css এ শেষ লাইনটি মুছুন

ফলোলিং লিন / * # উত্সম্যাপিং URL = বুটস্ট্র্যাপ.সিএস.ম্যাপ * /


ইস্যুটি ব্যাখ্যা করার চেষ্টা করুন এবং কীভাবে আপনার উত্তরটি সমাধান হয়ে যায়, এটির একটি ভাল অনুশীলন যা নতুন ব্যবহারকারীকে কী হয়েছিল তা শিখতে দেয়
পঙ্কজ নিমগাদ
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.