ওয়েবপ্যাকটি অভ্যন্তরীণ বা বাহ্যিক কমান্ড, অপারেবল প্রোগ্রাম বা ব্যাচ ফাইল হিসাবে স্বীকৃত নয়

Question

আমি React.js শিখছি এবং আমি উইন্ডোজ 8 OS.i ব্যবহার করছি আমার রুট ফোল্ডারে নেভিগেট করব

1.Created the package.json file by npm init
2. install webpack by npm install -S webpack.now webpack has been downloaded to my modules folder
3. install webpack globally by typing npm install webpack -g
4. i am also having a webpack.config.js in my root folder which contains the source and ouput directory
5. when i type the webpack command i am getting the below error.

ওয়েবপ্যাকটি অভ্যন্তরীণ বা বাহ্যিক কমান্ড, অপারেবল প্রোগ্রাম বা ব্যাচ ফাইল হিসাবে স্বীকৃত নয়

Comments

আমার এই সমস্যাটি ছিল, তবে আইডিই পুনরায় চালু করার পরে (আমার ক্ষেত্রে পিএইচপিএসর্টম) সমস্যার সমাধান হয়েছিল

— আর্থার সিডকিলভ

Answer 1

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

%USERPROFILE%\AppData\Roaming\npm\

আপনি যদি পাওয়ারশেল ব্যবহার করে থাকেন তবে কার্যকরভাবে আপনার পথে যুক্ত করতে নিম্নলিখিত কমান্ডটি টাইপ করতে পারেন:

[Environment]::SetEnvironmentVariable("Path", "$env:Path;%USERPROFILE%\AppData\Roaming\npm\", "User")

গুরুত্বপূর্ণ: এটি প্রয়োগ করতে আপনার পাওয়ারশেল উইন্ডোটি বন্ধ এবং পুনরায় খুলতে ভুলবেন না।

আশা করি এটা সাহায্য করবে.

Comments

আমি ঠিক একই জায়গায় আটকেছি ... আপনি কি দয়া করে আপনার উত্তরটি বিস্তারিতভাবে বর্ণনা করতে পারেন

— অনুপ্রবেশকারী

আমি সমস্ত পদক্ষেপ অনুসরণ করেছিলাম কিন্তু এটি কার্যকর হয়নি তখন অবশেষে বুঝতে পারলাম, প্রশাসক হিসাবে আমি সিএমডি খুলিনি।

— হোসেইন দাদাদিদি

% APPDATA% \

— npm এ

Answer 2

এই সমস্যার আরও ভাল সমাধান Webpackবিশ্বব্যাপী ইনস্টল করা।

এটি সর্বদা কাজ করে এবং এটি আমার পক্ষে কাজ করে। কমান্ড নীচে চেষ্টা করুন।

npm install -g webpack

Comments

আমি মনে করি যে এটি বিশ্বব্যাপী -g ইনস্টল ওয়েবপ্যাকটি ব্যবহার করা উচিত, যা আপনি চাইবেন না যদি আপনার একাধিক প্রকল্প থাকতে পারে যা ওয়েবপ্যাকের বিভিন্ন সংস্করণের প্রয়োজন হতে পারে।

— উবার শ্নুজ

Answer 3

বিকল্প হিসাবে, আপনার যদি ওয়েবপ্যাক স্থানীয়ভাবে ইনস্টল করা থাকে তবে আপনি স্পষ্ট করে নির্দিষ্ট করে দিতে পারেন যে কমান্ড প্রম্পট এটি কোথায় সন্ধান করতে হবে, যেমন:

node_modules\.bin\webpack

(এটি ধরে নিচ্ছে যে আপনি নিজের ডিরেক্টরিতে ডিরেক্টরীটি রেখেছেন package.jsonএবং আপনি ইতিমধ্যে এটি চালিয়েছেন npm install webpack))

Comments

ম্যাক্সের সাথে একমত, কারণটি হ'ল স্থানীয়ভাবে ওয়েবপ্যাক ইনস্টল করার প্রস্তাব দেওয়া হয় (ডিভিনিডেন্সিজে) - আমার সমস্যাটি কিছুটা আলাদা ছিল যদিও, ভিএস 2017 এর প্রাক বিল্ড স্টেপ হিসাবে ওয়েবপ্যাক যুক্ত করার সময়, আমি ভেবেছিলাম ভিএস যথেষ্ট স্মার্ট ছিল এটি সন্ধানের জন্য পুরোপথ ছাড়াই স্থানীয়ভাবে

— ওয়েবপ্যাকটি সেমিডি

@ জিমি সুইডেন আপনি কী কী সরঞ্জামগুলিতে যোগ node_modules\.binকরার চেষ্টা করেছেন- > বাহ্যিক সরঞ্জামগুলি কনফিগার করেছেন

— ম্যাক্স ফাভেলি

আপনি npx webpackযেগুলি ব্যবহার করে ./node_modules/.binপাথের সাথে ফিডিংয়ের পরিবর্তে পরীক্ষা করে দেখুন চেষ্টা করতে পারেন ।

— ম্যানফ্রেড

Answer 4

npm install -g webpack-dev-server আপনার সমস্যা সমাধান করবে

Comments

এটি ওপি পোস্ট করা ত্রুটি বার্তাকে সমাধান করতে পারে, তবে এটি সমস্যার নিখুঁত সমাধান নয় কারণ এটি কেবল হারিয়ে যাওয়া ওয়েবপ্যাকটি সমাধান করার চেয়ে আরও নির্ভরতা যুক্ত করে। আরও উন্নত বিকল্পের জন্য উচ্চ-ভোট প্রাপ্ত অন্য যে কোনও উত্তর দেখুন।

— অ্যাঙ্গুলারসেন

ইতিমধ্যে বিভিন্ন অবদানকারীদের দ্বারা চিহ্নিত হিসাবে (অন্যান্য উত্তর / মন্তব্য দেখুন), বিশ্বব্যাপী ইনস্টল করা খারাপ অভ্যাস হিসাবে বিবেচিত হয় কারণ এটি আপনাকে একটি সংস্করণে লক করে দেয়। আরও দেখুন webpack.js.org/guides/installation

— ম্যানফ্রেড

Answer 5

স্থানীয় ডিরেক্টরিতে নোড_মডিউলগুলি মুছতে চেষ্টা করুন এবং এনপিএম ইনস্টলটি পুনরায় চালান ।

Comments

ধন্যবাদ এটি আসলে আমার জন্য এটি করেছে, অন্যান্য উত্তরগুলি চেষ্টা করে

— ক্লিন্ট

Answer 6

আপনার প্যাকেজ.জসনে এনপিএম স্ক্রিপ্ট হিসাবে ওয়েবপ্যাক কমান্ডটি যুক্ত করুন।

{
    "name": "react-app",
    "version": "1.0.0",
    "scripts": {
      "compile": "webpack --config webpack.config.js"
    }
}

তারপরে দৌড়াও

এনপিএম রান সংকলন

ওয়েবপ্যাক ইনস্টল করা হয় এটি ./node_modules/.bin ফোল্ডারে একটি বাইনারি তৈরি করে। এনপিএম স্ক্রিপ্টগুলিও এই ফোল্ডারে নির্বাহযোগ্যর জন্য অনুসন্ধান করে

Comments

কাজ করে না - এনএমপি ইনস্টল -g ওয়েবপ্যাক-ডেভ-সার্ভার হ'ল সঠিক আদেশ

— টারমোপিকারো

Answer 7

ওয়েবপ্যাক সিএলআই এখন একটি পৃথক প্যাকেজে রয়েছে এবং 'ওয়েবপ্যাক' কমান্ডটি ব্যবহার করতে অবশ্যই বিশ্বব্যাপী ইনস্টল করা উচিত:

npm install -g webpack-cli

সম্পাদনা: অনেক কিছু পরিবর্তন হয়েছে। ওয়েবপ্যাকের লোকেরা বিশ্বব্যাপী (বা সেই বিষয়ে আলাদাভাবে) সিএলআই ইনস্টল করার পরামর্শ দেয় না। এই সমস্যাটি এখনই ঠিক করা উচিত তবে সঠিক ইনস্টল আদেশটি হ'ল:

npm install --save-dev webpack

এই উত্তরটি মূলত ওপিএস সমস্যার জন্য "ওয়ার্ক-এয়ার" হিসাবে উদ্দিষ্ট হয়েছিল।

Comments

"অবশ্যই বিশ্বব্যাপী ইনস্টল করা উচিত" সঠিক নয় কারণ আমি এটি বুঝতে পারি is এমনকি ওয়েবপ্যাক লোকেরা এর বিরুদ্ধে পরামর্শ দেয়। Webpack.js.org/guides/installation

— ম্যানফ্রেড

Answer 8

আপনাকে একই স্কোপে ওয়েবপ্যাক এবং ওয়েবপ্যাক-ক্লিপ ইনস্টল করতে হবে।

npm i -g webpack webpack-cli

বা,

npm i webpack webpack-cli

যদি আপনি এটি স্থানীয়ভাবে ইনস্টল করেন তবে আপনাকে অবশ্যই এটি নির্দিষ্টভাবে কল করতে হবে

node_modules/.bin/webpack -v

Comments

অথবা, যদি স্থানীয়ভাবে ইনস্টল, আপনি ব্যবহার করতে পারে npx webpack(npm সংস্করণ 6.5.0 সাথে পরীক্ষিত, webpack 4.28.4 এবং webpack-CLI 3.2.1)

— ম্যানফ্রেড

এটিই টিকিট

— সেকালেক

এনএমপি আই-জি ওয়েবপ্যাক ওয়েবপ্যাক-

— ক্লিপ

Answer 9

আমরা এই সমস্যাটিও अनुभव করেছি এবং আমি এমন সমস্ত উত্তর পছন্দ করি যা সংজ্ঞায়িত স্ক্রিপ্টটি ব্যবহার করার পরামর্শ দেয় package.json।

আমাদের সমাধানগুলির জন্য আমরা প্রায়শই নিম্নলিখিত ক্রমটি ব্যবহার করি:

1. npm install --save-dev webpack-cli(যদি আপনি ওয়েবপ্যাক ভি 4 ব্যবহার করেন বা তার পরে, অন্যথায় ব্যবহার করুন npm install --save-dev webpack, ওয়েবপ্যাক ইনস্টলেশন দেখুন , ১৯ জানুয়ারী 2019 পুনরুদ্ধার করা হয়েছে)
2. npx webpack

পদক্ষেপ 1 এক-অফ। পদক্ষেপ 2 এছাড়াও চেক ./node_modules/.bin। আপনি এনপিএম স্ক্রিপ্ট হিসাবে দ্বিতীয় ধাপটিও যুক্ত করতে পারেন package.json, উদাহরণস্বরূপ:

{
   ...
   "scripts": {
      ...
      "build": "npx webpack --mode development",
      ...
   },
   ...
}

এবং তারপরে npm run buildএই স্ক্রিপ্টটি কার্যকর করতে ব্যবহার করুন ।

উইন্ডোজ 10-তে এনপিএম সংস্করণ 6.5.0, ওয়েবপ্যাক সংস্করণ 4.28.4 এবং ওয়েবপ্যাক-ক্লাইপ সংস্করণ 3.2.1 দিয়ে এই সমাধানটি পরীক্ষা করা হয়েছে, পাওয়ারশেল উইন্ডোর ভিতরে সমস্ত কমান্ড কার্যকর করে exec আমার নোডেজ সংস্করণটি 10.14.2 হয় /। আমি এটি উবুন্টু লিনাক্স সংস্করণ 18.04 এও পরীক্ষা করেছি।

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

Answer 10

সম্ভবত একটি পরিষ্কার ইনস্টল সমস্যার সমাধান করবে। এই "কমান্ড" পূর্ববর্তী সমস্ত মডিউলগুলি সরিয়ে পুনরায় ইনস্টল করে, সম্ভবত ওয়েবপ্যাক মডিউলটি অসম্পূর্ণভাবে ডাউনলোড এবং ইনস্টল থাকা অবস্থায়।

npm clean-install

Answer 11

আমার একই সমস্যা ছিল এবং আমার প্যাকেজ.জসন ফাইলে কোড ব্লকটি যুক্ত করেছি;

 "scripts": {
   "build": "webpack -d --progress --colors"
 }

এবং তারপরে টার্মিনালে কমান্ড চালাও;

npm run build

Answer 12

বিশ্বব্যাপী ওয়েবপ্যাক ইনস্টল করুন

npm install --global webpack

Answer 13

প্রশাসক হিসাবে কেবল আপনার কমান্ড লাইন (সেন্টিমিটার) চালান।

Answer 14

আপনি যদি সবেমাত্র একটি রেপো ক্লোন করে থাকেন তবে আপনাকে প্রথমে চালানো দরকার

npm install

আপনি যদি প্রকল্প নির্ভরতা হারিয়ে ফেলেন তবে আপনার পাওয়ার ত্রুটিটি উত্পন্ন হবে। উপরের কমান্ড এগুলি ডাউনলোড করে ইনস্টল করবে।

Answer 15

npx webpack

এটা আমার জন্য কাজ করা হয়। আমি উইন্ডোজ 10 ব্যবহার করছি এবং আমি স্থানীয়ভাবে ওয়েবপ্যাকটি ইনস্টল করেছি।

Answer 16

প্রতিক্রিয়া 16.12.0 এ আপগ্রেড করার সময় আমার এই সমস্যাটি ছিল ।

ওয়েব প্যাক সম্পর্কিত আমার দুটি ত্রুটি ছিল এবং অন্যটি ডিওএম রেন্ডার করার সময় স্টোর সম্পর্কিত ।

ওয়েবপ্যাক ত্রুটি:

ওয়েবপ্যাকটি অভ্যন্তরীণ বা বাহ্যিক কমান্ড, অপারেবল প্রোগ্রাম বা ব্যাচ ফাইল হিসাবে স্বীকৃত নয়

ওয়েবপ্যাক সমাধান:

1. সম্পর্কিত ভিএস সমাধান বন্ধ করুন
2. node_modulesফোল্ডার মুছুন
3. মুছে ফেলা package-lock.json
4. npm install
5. npm rebuild
6. এটি 2-3 বার পুনরাবৃত্তি

স্টোর ত্রুটি:

প্রকারের স্টোর <()> স্টোর <কোনও, যেকোনও অ্যাকশন> টাইপ করার জন্য অনুমোদিত নয়

স্টোর সমাধান:

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

আমার কোডটি এর মতো দেখতে শেষ হয়েছিল:

ReactDOM.render(
        <Provider store={store as any}>
            <ConnectedApp />
        </Provider>,
        document.getElementById('app')
    );

এই সমাধান হিসাবে

Answer 17

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

Comments

এটি আমাকেও করতে হয়েছিল। আমি এখানে প্রদত্ত কমপক্ষে আরও তিনটি "সমাধান" চেষ্টা করেছি এবং নোডটি পুনরায় আনইনস্টল করা এবং পুনরায় ইনস্টল করা ছাড়া আর কোনও কাজ হয়নি।

— চলাচলকারী

Answer 18

আমার জন্য এটি আলাদাভাবে ওয়েবপ্যাক ইনস্টল করার কাজ করেছিল। এত সহজ:

$npm install
$npm install webpack

কেন এটি প্রয়োজনীয় হওয়া উচিত তা আমি নিশ্চিত নই, তবে এটি কার্যকর হয়েছিল।

Answer 19

নীচে প্রদত্ত এই আদেশগুলি আমার পক্ষে কাজ করেছে।

npm cache clean --force
npm install -g webpack

দ্রষ্টব্য - প্রশাসক হিসাবে এই আদেশগুলি চালান Run একবার ইনস্টল হয়ে গেলে আপনার কমান্ড প্রম্পটটি বন্ধ করুন এবং প্রয়োগকৃত পরিবর্তনগুলি দেখতে এটি পুনরায় চালু করুন।

Answer 20

আপনি যদি আপনার জেএস প্রকল্পগুলির জন্য একটি বয়লারপ্লেট ফোল্ডার তৈরি করেন যাতে আপনি জেএস মডিউলগুলি ব্যবহার করতে পারেন webpackএবং Babelদুর্দান্ত সরঞ্জাম।

webpackবিশ্বব্যাপী ইনস্টল করবেন না এবং উভয়ের সবচেয়ে সাম্প্রতিক সংস্করণ ইনস্টল করার পরে, আপনার package.jsonফাইলটি লোড হবে এবং ভবিষ্যতের প্রকল্পগুলির জন্য অনুলিপি করার জন্য প্রস্তুত থাকবে।

node_modulesআপনার বয়লারপ্লেট ফোল্ডারে ফাইলের আকার হ্রাস করতে এবং তারপরে নোড_মডিউলগুলি পুনরায় ইনস্টল করতে ফোল্ডারটি মুছে ফেলার বিষয়টি নিশ্চিত করুন npm install।

আমি এনপিএম ইনস্টলটি চালাতে ভুলে গিয়েছিলাম এবং আমার ওয়েবপ্যাক ডেভ-সার্ভার চালানোর চেষ্টা করার সময় এই ত্রুটিটি ধরে রেখেছি যতক্ষণ না বুঝেছি যে npm installইনস্টল করার জন্য আমার চালানো দরকার node_modulesএবং তারপরে এটি কাজ করে।

Comments

নোড_মডিউলগুলি + এনপিএম ইনস্টল করুন আমাকে আবার যেতে পেয়েছে। ধন্যবাদ!

— ব্র্যান্ডন বার্কলে

Answer 21

এই ভাবেনকে চেষ্টা করে দেখুন, ক্লিপটি সর্বশেষতম সংস্করণে আপডেট করা দরকার

npm install --save-dev @angular/cli@latest

ক্রেডিট আর। রিচার্ডস https://stackoverflow.com/a/44526528/1908827 এ যায়

Answer 22

আমার জন্য ফিক্সটি স্থানীয়ভাবে ডেভডিপেন্ডেন্স হিসাবে ওয়েবপ্যাক ইনস্টল করছিল। যদিও devDependenciesএটি নোড_মডিউল ফোল্ডারে ইনস্টল না হওয়ায় এটি আমার কাছে রয়েছে । তাই আমি দৌড়ে গেলাম npm install --only=dev

Answer 23

কখনও কখনও এনএমপি ইনস্টল-জি ওয়েবপ্যাক সঠিকভাবে সংরক্ষণ করে না। এনপিএম ইনস্টল ওয়েবপ্যাক - সেভ ব্যবহার করা ভাল । এটা আমার জন্য কাজ করেছে।

Comments

-g বিশ্বব্যাপী ইনস্টল করে (আপনার স্থানীয় প্রকল্প নোড_মডিউলগুলি + প্যাকেজ.জসন নয়) - সেভ স্থানীয়ভাবে ইনস্টল করে (আপনার স্থানীয় নোড_মডিউলগুলি + প্যাকেজ.জসনে) সুতরাং এই উত্তরটি ভুল।

— জর্জ

Answer 24

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