webpack dahili veya harici bir komut, çalıştırılabilir program veya toplu iş dosyası olarak tanınmıyor

React.js'yi Öğreniyorum ve Windows 8 OS kullanıyorum. Kök klasörüme gittim

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.

webpack dahili veya harici bir komut, çalıştırılabilir program veya toplu iş dosyası olarak tanınmıyor

Ben de uzun zamandır bu sorunu yaşadım. (webpack global olarak yüklendi, ancak hala tanınmıyor) npm için ortam değişkeni belirtmediğim ortaya çıktı (webpack.cmd dosyası nerede oturuyor) Bu yüzden Path değişkenime ekliyorum

%USERPROFILE%\AppData\Roaming\npm\

Powershell kullanıyorsanız, yolunuza etkili bir şekilde eklemek için aşağıdaki komutu yazabilirsiniz:

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

ÖNEMLİ: Bunu uygulamak için powershell pencerenizi kapatıp yeniden açmayı unutmayın.

Umarım yardımcı olur.

Bu soruna daha iyi çözüm, Webpackglobal olarak kurmaktır.

Bu her zaman işe yaradı ve benim için çalıştı. Aşağıdaki komutu deneyin.

npm install -g webpack

Alternatif olarak, yerel olarak Webpack yüklediyseniz, Komut İstemi'nin onu bulmak için nereye bakması gerektiğini açıkça belirtebilirsiniz, örneğin:

node_modules\.bin\webpack

(Bu, dizinin içinde olduğunuzu package.jsonve zaten çalıştırdığınızı varsayar npm install webpack.)

npm install -g webpack-dev-server sorununuzu çözecek

Yerel dizindeki node_modules'i silmeyi deneyin ve npm install'ı yeniden çalıştırın .

Package.json dosyanıza bir npm betiği olarak webpack komutunu ekleyin.

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

O zaman koş

npm derleme çalıştır

Web paketi kurulduğunda ./node_modules/.bin klasöründe bir ikili dosya oluşturur. npm betikleri ayrıca bu klasörde oluşturulan yürütülebilir dosyayı da arar

Webpack CLI artık ayrı bir pakette ve 'webpack' komutunu kullanmak için global olarak kurulmalıdır:

npm install -g webpack-cli

DÜZENLEME: Çok şey değişti. Webpack çalışanları, CLI'nin global olarak (veya bu konuda ayrı ayrı) kurulmasını önermiyor. Bu sorun şimdi düzeltilmelidir, ancak uygun yükleme komutu:

npm install --save-dev webpack

Bu yanıt başlangıçta OP sorunu için bir "çözüm" olarak düşünülmüştür.

aynı kapsamda webpack ve webpack-cli yüklemelisiniz.

npm i -g webpack webpack-cli

veya,

npm i webpack webpack-cli

yerel olarak kurarsanız, özel olarak aramanız gerekir

node_modules/.bin/webpack -v

Bu sorunu da yaşadık ve içinde tanımlanmış bir komut dosyası kullanmayı öneren tüm yanıtları beğendim package.json.

Çözümlerimiz için genellikle aşağıdaki sırayı kullanırız:

1. npm install --save-dev webpack-cli(webpack v4 veya sonraki bir sürümünü kullanıyorsanız, aksi halde kullanın npm install --save-dev webpack, bkz. web paketi kurulumu , 19 Ocak 2019'da alındı)
2. npx webpack

1. Adım bir defalıktır. 2. Adım da kontrol eder ./node_modules/.bin. İkinci adımı npm betiği olarak da ekleyebilirsiniz, package.jsonörneğin:

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

ve sonra npm run buildbu komut dosyasını çalıştırmak için kullanın .

Bu çözümü npm sürüm 6.5.0, webpack sürüm 4.28.4 ve webpack-cli sürüm 3.2.1 ile Windows 10'da bir PowerShell penceresinin içindeki tüm komutları çalıştırarak test etti. Nodejs sürümüm 10.14.2. Bunu Ubuntu Linux 18.04 sürümünde de test ettim.

Özellikle, her biri farklı bir web paketi sürümü gerektirebilecek birçok farklı projeyle çalışıyorsanız, webpack'i global olarak kurmamanızı öneririm. Webpack'i global olarak kurmak, sizi aynı makinedeki tüm projelerde belirli bir sürüme kilitler.

Belki temiz bir kurulum sorunu çözecektir. Bu "komut", önceki tüm modülleri kaldırır ve yeniden yükler, belki de web paketi modülü tam olarak indirilip kurulmazken.

npm clean-install

Aynı sorunu yaşadım ve kod bloğunu package.json dosyama ekledim;

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

ve sonra terminalde komutu çalıştırın;

npm run build

WebPack'i global olarak yükleyin

npm install --global webpack

Komut satırınızı (cmd) yönetici olarak çalıştırın.

Bir depoyu yeni klonladıysanız, önce çalıştırmanız gerekir

npm install

Eksik proje bağımlılıkları varsa, aldığınız hata üretilecektir. Yukarıdaki komut onları indirip kuracaktır.

npx webpack

Benim için çalıştı. Windows 10 kullanıyorum ve yerel olarak web paketini kurdum.

React 16.12.0'a yükseltirken bu sorunu yaşadım .

İki hataları biri ilişkin vardı WebPack ilgili ve diğer mağaza DOM oluşturulurken.

Web Paketi Hatası:

webpack dahili veya harici bir komut, çalıştırılabilir program veya toplu iş dosyası olarak tanınmıyor

Web Paketi Çözümü:

1. İlgili VS Çözümünü kapatın
2. node_modulesKlasörü sil
3. silindi package-lock.json
4. npm install
5. npm rebuild
6. Bunu 2-3 kez tekrarladı

Mağaza Hatası:

Mağaza <()> türü Mağaza <herhangi, AnyAction> türüne atanamaz

Mağaza Çözümü:

React sürümümü güncelleme önerileri bu hatayı benim için düzeltmedi, ancak ne olursa olsun bunu yapmanızı tavsiye ederim.

Kodum şöyle göründü:

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

Gereğince bu çözümün

Aynı hatayı aldım, çözümlerin hiçbiri benim için işe yaramadı, düğümü yeniden yükledim ve bu ortamımı onardı, her şey tekrar çalışıyor.

Benim için webpack'i ayrı olarak kurmak çalıştı. Yani basitçe:

$npm install
$npm install webpack

Bunun neden gerekli olduğundan emin değilim ama işe yaradı.

Aşağıda verilen bu komutlar benim için çalıştı.

npm cache clean --force
npm install -g webpack

Not - Bu komutları yönetici olarak çalıştırın. Yüklendikten sonra komut isteminizi kapatın ve uygulanan değişiklikleri görmek için yeniden başlatın.

JS projeleriniz için bir standart klasör oluşturursanız, böylece JS Modüllerini kullanabilirsiniz webpackve Babelharika araçlar olursunuz .

Genel olarak yüklemeyin webpackve her ikisinin de en son sürümlerini yükledikten sonra package.jsondosyanız yüklenecek ve gelecekteki projeler için kopyalanmaya hazır olacaktır.

node_modulesOrtak klasörünüzdeki dosya boyutunu küçültmek için klasörü sildiğinizden ve ardından node_modules'i yeniden yüklediğinizden emin olun npm install.

Npm kurulumunu çalıştırmayı unuttum ve web paketi dev-sunucumu çalıştırmaya çalışırken bu hatayı almaya devam ettim npm install, ta ki kurmak için çalıştırmam gerektiğini fark edene kadar node_modulesve sonra çalıştı.

Bu milleti deneyin, klibin en son sürüme güncellenmesi gerekiyor

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

kredi R.Richards'a gider https://stackoverflow.com/a/44526528/1908827

Benim için düzeltme, webpack'i devDependency olarak yerel olarak kurmaktı. devDependenciesNode_modules klasörüne yüklenmemiş olmasına rağmen . Bu yüzden koştum npm install --only=dev

Bazen npm install -g webpack düzgün kaydetmez. Npm install webpack kullanmak daha iyidir --save . Benim için çalıştı.

Aynı sorunu yaşadım ve çözemedim. Her kod satırına baktım ve hatamı bulamadım. Sonra webpack'i yanlış klasöre yüklediğimi fark ettim. Benim hatam, web paketini kurduğum klasöre dikkat etmemekti.