ওয়েবপ্যাক - ওয়াচ পরিবর্তিত ফাইলগুলি সংকলন করছে না

Question

আমি দৌড়ে চেষ্টা করেছি webpack --watchএবং আমার জেএস ফাইলগুলি সম্পাদনা করার পরে, এটি একটি স্বয়ংক্রিয় পুনঃসংশোধন ট্রিগার করে না।

আমি webpackব্যবহার করে পুনরায় ইনস্টল করার চেষ্টা করেছি npm uninstallকিন্তু এটি এখনও কাজ করছে না।

কোন ধারনা?

Answer 1

এফওয়াইআই: মনে হচ্ছে ওএস এক্সের একটি ফোল্ডার দূষিত হতে পারে এবং নিজের এবং যে কোনও শিশু ফোল্ডারগুলির জন্য আর পাঠাতে fsevents(যা watchpack/ chokidar/ ফাইন্ডার ব্যবহার করে)। আমি নিশ্চিত হতে পারি না যে এটি আপনার সাথে ঘটেছিল তবে এটি আমার এবং সহকর্মীর জন্য খুব হতাশাবোধ করেছিল।

আমরা দুর্নীতিগ্রস্ত পিতা-মাতা ফোল্ডারের নাম পরিবর্তন করতে সক্ষম হয়েছি এবং তারপরে প্রত্যাশা অনুযায়ী তত্ক্ষণাত্ ইভেন্টগুলি ঘটেছে। আরও তথ্যের জন্য এই ব্লগ পোস্টে দেখুন: http://feedback.livereload.com/knowledgebase/articles/86239-os-x-fsevents-bug-may-prevent-monitoring-of-certai

উপরের লিঙ্ক থেকে প্রস্তাবিত সংশোধনগুলি হ'ল:

• কম্পিউটারটি রিবুট করছে
• ডিস্ক চেক করা এবং ডিস্ক ইউটিলিটির মাধ্যমে অনুমতিগুলি মেরামতের
• স্পটলাইট গোপনীয়তা তালিকায় ফোল্ডারটি যুক্ত করুন (সূচকে ফোল্ডারের তালিকা নয়) এবং তারপরে অপসারণ করে কার্যকরভাবে একটি পুনর্নির্মাণকে বাধ্য করা হচ্ছে
• ফোল্ডারটির পুনরায় নামকরণ এবং তারপরে সম্ভবত এটির পুনরায় নামকরণ
• ফোল্ডারটি পুনরায় তৈরি এবং পুরানো সামগ্রীগুলিকে এতে আবার সরিয়ে ফেলা হচ্ছে

প্রথম দুটি আমাদের জন্য কাজ করে নি, স্পটলাইট পরামর্শটি ব্যবহার করে দেখেনি এবং পুনরায় তৈরি করা প্রয়োজনীয় প্রমাণিত হয়নি।

আমরা তাত্ক্ষণিকভাবে প্রদর্শিত না হওয়া অবধি ফাইন্ডারটি খোলার মাধ্যমে এবং প্রতিটি ক্রমাগত প্যারেন্ট ফোল্ডারে ফাইল তৈরি করে মূল সমস্যা ফোল্ডারটি সন্ধান করতে সক্ষম হয়েছি (যেহেতু ফাইন্ডার এছাড়াও এই বাগ দ্বারা আটকানো হবে)। রুট-সর্বাধিক ফোল্ডার যা আপডেট হয় না তা হ'ল অপরাধী। আমরা কেবল mvএটি করছি এবং mvএটি এর মূল নামটিতে ফিরে আসব, এবং তারপরে পর্যবেক্ষক কাজ করবেন।

দুর্নীতির কারণ কী তা ধারণা নেই, তবে আমি ঠিক করতে পেরে আনন্দিত।

Comments

আমি আমার ~ / সাইট ফোল্ডারটিকে অন্য কোনও নামে নামকরণ করেছি এবং তারপরে ~ / সাইটগুলিতে ফিরে এসেছি এবং এটি ত্রুটিটি স্থির করেছে। এটি অন্যান্য প্রকল্পে অন্যান্য বেশ কয়েকটি ত্রুটিও স্থির করেছে। 1 পাথর দিয়ে 2 পাখি মেরে ফেলার কথা বলুন। তোমাকে অনেক ধন্যবাদ!!!

— কার্ক

কাজ করার সময় আমি এই সমস্যার মুখোমুখি হয়েছিলাম watchify, কোনও পদক্ষেপই আমার সাথে কাজ করেনি তাই আমি পোল আর্গ ব্যবহার করে শেষ করেছি। অনেক লোক ওয়াচাইফের পরিবর্তে ব্রাউজরিফাই করতে পোল আর্জিটি পার করছে। আমার কোডটি দেখে মনে হচ্ছে:watchify(browserify(config.src,{}), {poll:100});

— আয়মান

এটি কারণ হিসাবে 100% নিশ্চিত নয়, তবে ওয়াচাইফ চালানোর চেষ্টা করার সময় আমার ড্রপবক্স সিঙ্ক ক্লায়েন্টটি বন্ধ করে দেওয়া আমার পক্ষে কাজ করেছে। npm installডিরেক্টরি চালানোর পাশাপাশি ডিরেক্টরিটির নামকরণ উভয়ই সিঙ্ক ক্লায়েন্টকে প্রয়োগ করার পদ্ধতিটি অত্যন্ত নিবিড় ক্রিয়াকলাপ।

— জিজ

লিনাক্সে আমার জন্য পুনরায় চালু করার সময়, ওয়েবপ্যাক-ডেভ-সার্ভারের সাথে আমার এই সমস্যাটি ছিল, কেন এটি গতকাল কাজ করছে কিন্তু আজ নয় কেন তা চেষ্টা করার কয়েক ঘন্টা চেষ্টা করার পরে ...

— ডোমএ

2017 থেকে, এই উত্তর এখনও আমাকে নরক থেকে বাঁচিয়েছে! ভেবেছিলাম আমার ওয়েবপ্যাক কনফিগারেশন সব সময়ই ভুল!

— iamjc015

Answer 2

যদি আপনার কোডটি আবার সংকলিত না হয়, তবে পর্যবেক্ষকদের সংখ্যা বাড়ানোর চেষ্টা করুন (উবুন্টুতে):

echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

সূত্র: https://webpack.github.io/docs/troublesh ૂટ. html

Comments

sudo sysctl -pমাভেরিক্সে কাজ করে না। কোন নতুন ধারণা?

— সাইমন এইচ

ওয়েবপ্যাক 3 এবং এর সাথে একটি বর্তমান সমস্যা রয়েছেModuleConcatenationPlugin । বাদ দেওয়া ModuleConcatenationPluginনজরদারি চালিয়ে যেতে দেয়।

— ক্রস

@ সিমোন এইচ /etc/sysctl.confসরাসরি দেখার এবং পরিবর্তন করার চেষ্টা করেছেন ? পরিবর্তন পরিবর্তন কী-মান নিষ্পত্তি? (যদি আপনি অ্যাড-হক প্রয়োগ করার আদেশটি খুঁজে না পান sysctl -p) তবে ভাল এটি একক রিবুট, এবং আপনার ভাল হওয়া উচিত ...)

— ফ্রাঙ্ক নোক

আমি আগে ঘড়ির সংখ্যা যাচাই করার পরামর্শ দিচ্ছি যাতে এটি বাড়ানো হয়নি (এটি আপনাকে ধারণা দিতে পারে যদি আপনাকে ধারণা দেয়):sudo sysctl -a | grep max_user_watches

— ফ্রাঙ্ক নোক

ক্রোমবুকে ক্রুট (উবুন্টু) চালানোর সময় এটি আমার সমস্যার সমাধান করেছে

— ফিল ডি

Answer 3

আমার ওয়েবপ্যাক কনফিগারেশন ফাইলে নিম্নলিখিত কোড যুক্ত করা আমার জন্য সমস্যাটি স্থির করেছে। আপনার নোড_মডিউলগুলি ফোল্ডারটিকে এড়িয়ে চলতে ভুলবেন না, কারণ এটি এইচএমআর (হট মডিউল রিপ্লেসমেন্ট) এর পারফরম্যান্সকে হত্যা করবে:

watchOptions: {
  poll: true,
  ignored: /node_modules/
}

Comments

@ লোকেশ ওয়েবপ্যাক যখনই ফাইল পরিবর্তন করতে পারে এবং পুনরায় কম্পাইল করতে পারে। ওয়াচ মোডটি ডিফল্টরূপে বন্ধ থাকে তাই watch: trueকাজ করতে পারে। পোলিং হ'ল একটি প্রোগ্রাম বা ডিভাইস দ্বারা অন্য প্রোগ্রাম বা ডিভাইসগুলির তারা যে অবস্থায় আছে তা দেখতে সাধারণত তারা এখনও সংযুক্ত রয়েছে কিনা বা যোগাযোগ করতে চায় তা দেখার জন্য অবিচ্ছিন্ন চেক করা। সুতরাং সেটিংটি poll: trueওয়েবপ্যাকটিকে আপনার প্রোগ্রামের অবস্থা পরীক্ষা করতে অনুমতি দেয় যে কোনও পরিবর্তন হয়েছে কিনা তা দেখার জন্য, বা কমপক্ষে আমি যেটা ধরে নিয়েছি তা ঘটছে।

— কোডারব্রিগস

দস্তাবেজগুলির লিঙ্ক করা: pollবিকল্পটি ওয়াচপ্যাক

— ম্যাথিয়াস

পুনঃনামকরণ এবং রিবুট করার পরে, এটি আমার (xক্স) কৌশলটি করেছে। কুদোস!

— এলাদ কাটজ

Answer 4

ওয়েবস্টোরমের সাথে কাজ করার সময় আমার এই সমস্যা হয়েছিল।

সেটিংস -> সিস্টেম সেটিংস -> "নিরাপদ লিখন" অক্ষম করা হচ্ছে এটি আমার জন্য সমাধান করেছে।

এটি করার জন্য সুপারিশটি পেয়েছে: ওয়েবপ্যাক সমস্যা সমাধান

Comments

ধন্যবাদ! সমস্যাটি পিএইচপিস্টোরমে আসলেই প্রকট ছিল না!

— সের্গেই জাহারচেনকো

Answer 5

কেবলমাত্র সম্ভাব্য সমাধানগুলিতে যুক্ত করার জন্য: আমার ড্রপবক্স ফোল্ডারের ভিতরে আমার প্রজেক্ট ফোল্ডারটি ছিল এবং এটিকে সরানো আমার জন্য সমস্যার সমাধান করে। (ওএস এক্স)

Comments

এটি আমার পক্ষেও কাজ করেছিল — আমি আশা করি এই উত্তরটি শীর্ষের কাছাকাছি হত। আমার জন্য ওএস এক্স (এল ক্যাপ্টেন)।

— নচিকেতা

এটি আমার সমস্যাটিকেও ঠিক করে দিয়েছে। তার জন্য ধন্যবাদ!

— ফেডারিকো

তুমি জানো কেন এমন হচ্ছে? @ লিস

— একাইৎজ হার্নান্দেজ ট্রয়েয়াস

Answer 6

ফোল্ডারের ক্ষেত্রে সংবেদনশীলতা আমার ইস্যু ছিল। আমার কোড কলগুলিতে () এর সমস্ত ছোট ছোট পথের নাম ছিল তবে প্রকৃত ডিরেক্টরিতে তাদের একটি বড় অক্ষর ছিল। আমি আমার সমস্ত ডিরেক্টরিকে তাত্ক্ষণিকভাবে ছোট হাতের কাজ এবং ওয়েবপ্যাক দেখার জন্য নতুন নামকরণ করেছি।

Comments

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

— skwidbreth

যদি আপনি উইন্ডোজ থেকে ম্যাকে আপনার প্রকল্পটি স্থানান্তর করেন তবে এটি একটি আসল সমস্যা হতে পারে। ধন্যবাদ!

— ইউজিন কুলাবোভভ

এখানেও একই সমস্যা। দেখে মনে হচ্ছে ফাইলগুলি আমদানি করা ক্ষেত্রে সংবেদনশীল নয়, তবে পথের নামটি ফাইল সিস্টেমের মতো হ'ল দেখা ব্যর্থ হবে

— আইজাক

Answer 7

একটি সমস্যা হ'ল যদি আপনার পথের নামগুলি নিখুঁত না হয় তবে এর মতো জিনিসগুলি ঘটবে। আমি দুর্ঘটনাক্রমে পরিবর্তে সেট হয়ে resolve.rootগিয়েছিলাম এবং এর ফলে আমার উপরের ছেলের মতো ফাইল মুছতে এবং পুনরায় তৈরি করতে আমার অনেক সময় নষ্ট হয়ে যায়।./__dirname

Answer 8

Pointend যেমন fs.inotify.max_user_watches পরিবর্তন সেজার দ্বারা এখনও যেমন দেখানো আপনার স্ক্রিপ্টটি তৈরি করে ব্যবহার পোলিং পরিবর্তে নেটিভ প্রহরী কাজ করে দেখুন যদি না হয় ডক্স বা webpack চলমান --watch --watch-pollঅপশন।

Answer 9

মনে রাখবেন যে আপনি যদি ভার্চুয়াল মেশিনে (ভ্যাগ্রান্ট / ভার্চুয়ালবক্স) ওয়েবপ্যাক চালনা করেন এবং হোস্ট প্ল্যাটফর্মে আপনার ফাইলগুলি পরিবর্তন করেন তবে ভাগ করা ফোল্ডারে ফাইল আপডেটগুলি উবুন্টুতে ইনোটিফাই না ট্রিগার করতে পারে। এটি পরিবর্তনগুলি ওয়েবপ্যাকের মাধ্যমে না নেওয়ার কারণ হবে।

দেখুন: ভার্চুয়ালবক্স টিকিট # 10660

আমার ক্ষেত্রে, ডি গেস্ট (vi তে) ফাইলটি সম্পাদনা এবং সংরক্ষণের ফলে ওয়েবপ্যাকটি ট্রিগার হয়েছিল। হোস্টে এটিকে সম্পাদনা করা (পিএইচপিস্টোরম, নোটপ্যাড বা অন্য কোনও অ্যাপ্লিকেশনটিতে) যা কিছুই হোক না কেন ওয়েবপ্যাকটি ট্রিগার করবেন না।

আমি ভ্যাগ্র্যান্ট- fsnotify ব্যবহার করে এটি সমাধান করেছি ।

Comments

যদিও আমি vagrant-notify-forwarderআরও যাদু পুনরায়

— লোডের

vagrant plugin install vagrant-notify-forwarderআমার জন্য একটি স্থায়ী সমাধান করেছেন

— 4givN

Answer 10

লারাভেল হোমস্টেডে আমার জন্য কাজ করুন

--watch --watch-poll

Comments

এটি উবুন্টুতে আমার জন্য (একটি অ-মানসম্পন্ন ফাইল সিস্টেমে) কাজ করেছে

— বিটি

Answer 11

আপডেটগুলি: পুরো ডিরেক্টরি মুছে ফেলা এবং রেপো থেকে নতুন করে গিট ক্লোনিং করা আমার সমস্যার সমাধান করে।

Comments

তবে এর অবশ্যই একটি কারণ থাকতে হবে

— মো এলশারিফ

এই সমাধানটি আমার পক্ষেও ভাল কাজ করেছে। দেখে মনে হচ্ছে কিছু রিসোর্স ব্লক করা হচ্ছে। কনসোল আউটপুটে প্রথম পুনরায় লোড সম্পন্ন হয়েছিল, তবে bundle.js আপডেট হয়নি। দ্বিতীয় পুনরায় লোড এ এটি "পৃথক প্রক্রিয়াতে চেক করা শুরু হয়েছিল ..." এ আটকে গেল।

— এরিক পার্সো

Answer 12

আপনি যদি ভিম ব্যবহার করছেন তবে আপনার ডিফল্ট অটোর পরিবর্তে হ্যাঁতে ব্যাকআপকপি সেট করার চেষ্টা করা উচিত। অন্যথায় ভিম মাঝেমধ্যে আসল ফাইলটির নাম পরিবর্তন করে একটি নতুন ফাইল তৈরি করবে যা ওয়েবপ্যাক ঘড়িতে গোলযোগ করবে:

https://github.com/webpack/webpack/issues/781

যদি এটি হয় তবে আপনার ভিম সেটিংসে এটি যুক্ত করুন:

সেটআপ ব্যাককপি = হ্যাঁ

Answer 13

আমার .vue ফাইলে একই সমস্যা ছিল। সার্ভার পুনরায় আরম্ভ করার সময় সমস্ত ঠিকঠাক কাজ করেছে, কিন্তু পরবর্তী সংরক্ষণে এটি আর পুনরায় সংকলিত হয়নি। সমস্যাটি আমদানি ফাইলের পথে ছিল যা একটি চিঠি মূলধন করেছিল। এই সমস্যাটি চিত্রিত করা খুব কঠিন কারণ সবকিছু সার্ভারের রিবুটটিতে কাজ করে। আপনার পাথের কেসটি পরীক্ষা করুন।

Answer 14

এটি আমার জন্য পুনরায় সংশোধনকারী ছিল না তবে আমি বুঝতে পেরেছি / মনে আছে যে ওয়েবপ্যাক নির্ভরতা গ্রাফটি দেখায় কেবল একটি ফোল্ডার (বা ফাইল) নয়। নিশ্চিত যে আমি যে ফাইলগুলি পরিবর্তন করছিলাম সেগুলি এখনও সেই গ্রাফের অংশ ছিল না।

Answer 15

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

Answer 16

আমার অনুরূপ ইস্যু ছিল, ওয়াচ মোড ওয়্যারে ওয়েবপ্যাক বা রোলআপ দুটিই আমার করা পরিবর্তনগুলি ধরতে পারে না। আমি জানতে পেরেছিলাম যে মডিউল (.tsx ফাইল) পরিবর্তন করার সময় এটি মূলত আমার দোষ ছিল যা এখনও অ্যাপ্লিকেশনটির কোথাও আমদানি করা হয়নি (উদাহরণস্বরূপ App.ts যা এন্ট্রি পয়েন্ট) এবং আমি বিল্ড সরঞ্জামগুলি ত্রুটিগুলি রিপোর্ট করার জন্য আশা করছিলাম I সেখানে তৈরি

Comments

আমি ফাইলটি যেখানে এটি ব্যবহারের উদ্দেশ্যে ছিল তা আমদানি করে ব্যবহার শুরু করি।

— itumb

খুব ভাল করে ইশারা করে! ওহ গোগের মতো গম্ভীরভাবে আমি কীভাবে এটি ভুলে যেতে পারি। আপনাকে ধন্যবাদ জানাতে এখানে মন্তব্য করতে আমার লগইন করতে হবে :)

— লাকি লাম

Answer 17

আমি যেভাবে সমস্যার সমাধান করেছি তা আমদানির পথে মূলধন ত্রুটি খুঁজে পেয়েছিল। ফাইল সিস্টেমে ফোল্ডারে প্রথম অক্ষর ছিল, আমদানির পথটি ছিল বড় হাতের অক্ষর। সবকিছু সূক্ষ্মভাবে সংকলিত, সুতরাং এটি কেবল একটি ওয়েবপ্যাক ঘড়ির মধ্যে অন্তর্ভুক্ত ছিল।

Answer 18

এই সমস্যাটি ভার্চুয়ালবক্সের মধ্যে ছিল (5.2.18) উবুন্টু (18.04) ভিএম ভেরান্ট (2.1.15) সাথে আরএসসি সিঙ্ক্রোনাইজেশন ব্যবহার করে। হঠাৎ, প্রথম বিল্ড দুর্দান্ত রান করে কিন্তু সেট করেও ওয়েবপ্যাক পরিবর্তনগুলি পরে বিবেচনা করে না fs.inotify.max_user_watches=524288। যুক্ত হচ্ছেpoll: trueওয়েবপ্যাক কনফিগারেশনে করা কোনওরকম সাহায্য করেনি।

কেবল vagrant-notify-forwarder কাজ করা হয়েছে (কোনও কারণে ভিজাগর- fsnotify করেনি), তবে হোস্টে ফাইল সংরক্ষণের পরে পুনর্নির্মাণ খুব দ্রুত ঘটেছিল এবং আমি মনে করি যে আরএসসিএনসিটির কার্য শেষ করার জন্য পর্যাপ্ত সময় নেই (সম্ভবত পরিমাণের কারণে) আমার ভ্যাগ্রান্টফায়ালের মধ্যে সিঙ্ক হওয়া ডিরেক্টরিগুলির?)।

অবশেষে আমি aggregateTimeoutআমার ওয়েবপ্যাক কনফিগারেশনে আরও বাড়িয়ে আবার ঘড়ির কাজ করেছি:

module.exports = {
  watch: true,
  watchOptions: {
    aggregateTimeout: 10000
  },
  ...
}

যদি এই সমাধানটি আপনার জন্য কাজ করে তবে এই মানটি আবার কমিয়ে দেখুন, অন্যথায় আপনি প্রতিবার সেভ করার সময় বিল্ডটি পুনরায় আরম্ভ না হওয়া পর্যন্ত আপনাকে 10 সেকেন্ড অপেক্ষা করতে হবে। ডিফল্ট মান 300 এমএস ।

Answer 19

আমার ক্ষেত্রে কারণ কী ছিল:

মনে হচ্ছে যে মান: max_user_watches মধ্যে/proc/sys/fs/inotify/max_user_watches প্রভাবিত webpack হয়

আপনার আসল মান পরীক্ষা করতে

$cat /proc/sys/fs/inotify/max_user_watches
16384

16384 আমার ক্ষেত্রে ছিল এবং এটি এখনও যথেষ্ট ছিল না।

আমি বিভিন্ন ধরণের সমাধানের চেষ্টা করেছি যেমন:

$ echo fs.inotify.max_user_watches=100000 | sudo tee -a /etc/sysctl.conf
$ sudo sysctl -p

তবে মনে হচ্ছে যে আমি মানটি পরিবর্তন করলেও, আমি যখন আমার পিসি পুনরায় চালু করি তখন এটি 16384 ডিফল্ট হয়ে যায়।

সমাধান যদি আপনার লিনাক্স ওএস থাকে (আমার ক্ষেত্রে, আমার মাঞ্জারো আছে):

ফাইলটি তৈরি করুন:

sudo nano /etc/sysctl.d/90-override.conf

এবং এটি দিয়ে পপুলেট করুন:

fs.inotify.max_user_watches=200000

মনে হচ্ছে 200000 আমার পক্ষে যথেষ্ট।

আপনি ফাইলটি তৈরি করে মান যুক্ত করার পরে কেবল পিসি পুনরায় চালু করুন এবং আপনার ঠিক আছে।

Answer 20

আমি একই সমস্যা আছে। এবং আমি লক্ষ্য করি এটি সংকলন করছে না কারণ আমার ফোল্ডারে কিছু অক্ষর রয়েছে (*)। এবং পুরানো প্রহরী প্লাগইন ব্যবহার করে সমস্যার সমাধান হবে বলে মনে হচ্ছে। আপনার ওয়েবপ্যাক কনফিগারেশনের ফাইলটিতে এই লাইনটি যুক্ত করুন।

plugins: [
    new webpack.OldWatchingPlugin()
  ]

Answer 21

আমার মুছে ফেলার জন্য node_modulesএবং এনপিএম ইনস্টল বা সুতা আবার করা সমস্ত প্যাকেজ ইনস্টল করতে সমস্যার সমাধান হয়েছে

Answer 22

MacOS এ একটি সহজ সমাধান নিম্নলিখিত:

আপনার প্রকল্পটি একই ডিরেক্টরিতে দুটি টার্মিনাল উইন্ডো খুলুন।

প্রথম টার্মিনালে উইন্ডো রান করুন: ওয়েবপ্যাক - ওয়াচ

দ্বিতীয় টার্মিনালে উইন্ডোজ রান: ওয়েবপ্যাক-ডেভ-সার্ভার

আমি অনেকগুলি সম্ভাব্য সমাধান চেষ্টা করেছি এবং এটি সবচেয়ে নির্ভরযোগ্য বলে মনে হচ্ছে

Comments

পিএস: আমি ম্যাক ওএস সিয়েরা ব্যবহার করছি।

— skiabox

এটি একই সমস্যার জন্য দুটি সম্পূর্ণ ভিন্ন সমাধান এবং আপনার সম্ভবত এগুলি সমান্তরালে চালানো উচিত নয়। webpack --watchপ্রকল্পটি সংকলন করে এবং ফাইলগুলি ডিস্কে সংরক্ষণ করে, webpackপ্রতিটি সেভের পরে চলার সমতুল্য । webpack-dev-serverএকটি বিকাশ সরঞ্জাম যা মেমরিকে সংকলন করে এবং লিখিত সামগ্রীকে HTTP- র মাধ্যমে পরিবেশন করে। যে কোনও ক্ষেত্রে আপনার পরামর্শটি কোনও সমাধান নয়, যেহেতু সংকলিত ফাইলগুলি যতক্ষণ webpack --watchবিজ্ঞাপন হিসাবে কাজ করবে না ততক্ষণ ডিস্কে লেখা হবে না ..

— ভিগগোভি

Answer 23

সম্ভাব্য সমাধান: প্রসঙ্গে পরিবর্তন অ্যাপ্লিকেশন ডিরেক্টরিতে ।

একটি সাব ফোল্ডারে আমার সমস্ত ওয়েবপ্যাক কনফিগারেশন ফাইল ছিল:

components/
webpack/
 development.js
app.js

ইন webpack/development.js, সেট context: path.join(__dirname, '../')আমার সমস্যা সমাধান করুন।

Answer 24

এই সমস্যাটি সমাধানের জন্য এক মুঠো কৌশল চেষ্টা করার পরে আমি কেবল হাল ছেড়ে দিয়ে শেষ করেছি তবে অন্য সমস্যাটি সমাধান করার সময় আমি আবার চেষ্টা করেছি এবং হঠাৎ --watchপতাকাটি শেষ পর্যন্ত কাজ করছে।

সত্যি কথা বলতে কী আমি বিশেষত এটি কীভাবে কাজ করে তা জানি না তবে নিম্নলিখিত পদক্ষেপগুলি সম্পাদন করার পরে এটি সবেমাত্র কাজ শুরু করে:

1. Install most recent gcc version
$ sudo port install gcc48
$ sudo port select --set gcc mp-gcc48

2. Install most recent clang version
$ sudo port install clang-3.6
$ sudo port select --set clang mp-clang-3.6

3. Export variables holding the patch to C and C++ compiler
$ export CC=/opt/local/bin/clang
$ export CXX=/opt/local/bin/clang++

এটি ঘটতে পারে যে এই প্যাকেজগুলি ইনস্টল করার সময় কিছুটা নির্ভরতা কেবল ধাঁধাটির অনুপস্থিত অংশ যুক্ত করেছে, কে জানে ...

আশা করি এটির কাজ করার জন্য যে কেউ এখানে লড়াই করে সহায়তা করবে।

Answer 25

আমি অন্য উত্তর যুক্ত করছি কারণ আমি বিশ্বাস করি এটি এখন পর্যন্ত সেরা সমাধান। আমি এটি প্রতিদিন ব্যবহার করছি এবং এটি কাঁপছে! কেবল এই গ্রন্থাগারটি ইনস্টল করুন:

https://github.com/gajus/writ-file-webpack-plugin

বর্ণনা: ওয়েবপ্যাক-ডেভ-সার্ভার প্রোগ্রামকে ফাইল সিস্টেমে বান্ডিল ফাইলগুলি লিখতে বাধ্য করে।

কিভাবে ইনস্টল করতে হবে :

npm install write-file-webpack-plugin --save-dev

Answer 26

পরিবর্তন --watchকরার চেষ্টা করুন-d --watch

আমার জন্য কাজ

Answer 27

যদি আপনার প্রকল্পে হঠাৎ এটি ঘটে থাকে তবে এটি সমস্যার সমাধান করতে পারে।

হতে পারে যে কোনওভাবে আপনার প্রকল্পগুলি ট্র্যাক করে থাকা ফাইলগুলি পরিবর্তন করে যা ওয়েবপ্যাকটি দূষিত হয়ে গেছে। আপনি কেবল সাধারণ পদক্ষেপগুলি অনুসরণ করে এগুলি আবার তৈরি করতে পারেন।

1. আপনার প্রকল্প থেকে বেরিয়ে আসুন দির। ($: সিডি ..)
2. আপনার প্রকল্পটি বিভিন্ন ডিরেক্টরিতে সরান ($: এমভি {প্রকল্পের নাম} {নতুন নাম N)
3. নতুন দিরের মধ্যে যান ($: সিডি {নতুন নাম})
4. সার্ভারটি শুরু করুন এবং এটি প্রতিটি ফাইলের পরিবর্তনে পুনরায় লোড হয় কিনা তা পরীক্ষা করুন (এটি বেশিরভাগ ক্ষেত্রে কাজ করা উচিত, কারণ এখন ওয়েবপ্যাক পরিবর্তনগুলির জন্য নতুন ফাইলগুলি তৈরি করে)
5. দির থেকে বেরিয়ে আসুন ($: সিডি ..)
6. এটির আসল নামটিতে ফিরে যান ($: এমভি {নতুন নাম} {প্রজেক্টনম}) এটি আমার পক্ষে কাজ করেছে ............

Answer 28

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

এমনকি আমি বান্ডেল.জেগুলিও মুছে ফেলেছি এবং ওয়েবপৃষ্ঠাটি আমার সম্পাদনার আগের মতো প্রদর্শিত হয়েছিল।

আপনারা যারা এই একই সমস্যাটি পেয়েছেন, শেষ পর্যন্ত আমি ক্রোমে 'খালি ক্যাশে এবং হার্ড পুনরায় লোড' বিকল্পটি করেছি (ডিভলটুলগুলি খোলা রেখে পুনরায় লোড বোতামটি ডান ক্লিক করুন) এবং এটি সেই কৌশলটি করেছিল

Answer 29

আমি একই সমস্যা দেখা অনেক কিছু চেষ্টা করেছি, অবশেষে ক্রোম ব্রাউজ করা ডেটা সাফ উপর ম্যাক আমার জন্য কাজ করেন।

এই মডিউলগুলি ইনস্টল করা হয়েছে:

"ব্রাউজার-সিঙ্ক": "^ 2.26.7",

"ব্রাউজার-সিঙ্ক-ওয়েবপ্যাক-প্লাগইন": "^ 2.2.2",

"ওয়েবপ্যাক": "^ 4.41.2",

"ওয়েবপ্যাক-ক্লিপ": "^ 3.3.9"

Answer 30

.Js এবং .ts ফাইলগুলির মধ্যে সমস্যা ছিল। কেন?

প্রকল্প তৈরিতে, ভিজ্যুয়াল স্টুডিওগুলি .js এবং .js.map এ টাইপস্ক্রিপ্ট ফাইলগুলি সংকলন করে। এটি সম্পূর্ণ অপ্রয়োজনীয়, কারণ ওয়েবপ্যাক টাইপস্ক্রিপ্ট ফাইলগুলিও পরিচালনা করে (দুর্দান্ত-টাইপসক্রিপ্ট-লোডার সহ)। যখন ভিজ্যুয়াল স্টুডিও কোডে অক্ষম কম্পাইলঅনসেভ সহ কমপিট .tsx ফাইলগুলি সম্পাদনা করবেন বিকল্প , সম্পাদিত টিএস ফাইলটি পুনরায় সংমিশ্রিত হয় না এবং আমার ওয়েবপ্যাকটি অবাস্তব .js ফাইলটি প্রক্রিয়াকরণ করছিল।

সমাধানটি ছিল প্রকল্প বিল্ডের ভিজ্যুয়াল স্টুডিওতে টাইপস্ক্রিপ্ট ফাইলগুলি সংকলন অক্ষম করা। অ্যাড

<TypeScriptCompileBlocked>true</TypeScriptCompileBlocked>

আপনার .csproj এর প্রপার্টি গ্রুপে।