webpack không được công nhận như là một lệnh nội bộ hay bên ngoài, chương trình có thể hoạt động hoặc tập tin batch

Question

Tôi Học React.js và tôi đang sử dụng windows 8 OS.i đã điều hướng đến thư mục gốc của tô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. 

webpack là không được công nhận là lệnh nội bộ hoặc bên ngoài, chương trình có thể hoạt động hoặc tệp lô

Answer 1

Tôi đã gặp sự cố này trong một thời gian dài. (Webpack cài đặt trên toàn cầu vv nhưng vẫn không được công nhận) Hóa ra là tôi đã không định biến môi trường cho NPM (nơi được tập tin webpack.cmd ngồi) Vì vậy, tôi thêm vào con đường của tôi biến

c:\Users\Me\AppData\Roaming\npm\ 

Nếu bạn đang sử dụng Powershell, bạn có thể gõ lệnh sau để thêm một cách hiệu quả để con đường của bạn:

[Environment]::SetEnvironmentVariable("Path", "$env:Path;c:\Users\Me\AppData\Roaming\npm\", "User") 

QUAN TRỌNG: Đừng quên để đóng và mở lại cửa sổ PowerShell của bạn để áp dụng điều này.

Hy vọng điều đó sẽ hữu ích.

Answer 2

Là một thay thế, nếu bạn đã Webpack cài đặt cục bộ, bạn có thể chỉ định rõ ràng nơi Command Prompt nên xem xét để tìm thấy nó, như vậy:

node_modules\.bin\webpack 

(Điều này giả định rằng bạn đang ở trong thư mục với package.json và bạn đã chạy npm install webpack).

Answer 3

npm install -g webpack-dev-server sẽ giải quyết vấn đề của bạn

Answer 4

Better giải pháp cho vấn đề này là cài đặt Webpack trên toàn cầu.

Điều này luôn hoạt động và nó hiệu quả với tôi. Hãy thử lệnh dưới đây.

npm install -g webpack 

Answer 5

Chỉ cần chạy dòng lệnh (cmd) với tư cách quản trị viên.

Answer 6

Thêm lệnh webpack dưới dạng tập lệnh npm trong package.json của bạn.

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

Sau đó chạy

NPM chạy biên dịch

Khi webpack được cài đặt nó tạo ra một nhị phân trong thư mục ./node_modules/.bin. Các tập lệnh npm cũng tìm kiếm tệp thực thi được tạo trong thư mục này

Answer 7

Tôi đã gặp sự cố tương tự và chỉ thêm khối mã vào tệp package.json của mình;

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

và sau đó chạy lệnh trên thiết bị đầu cuối;

npm run build 

Answer 8

Đôi khi NPM cài đặt -g webpack không lưu đúng cách.Sử dụng tốt hơn npm cài đặt webpack --save. Nó làm việc cho tôi.