Webpack無法在我的node.js項目中工作。 fsevents

Question

我目前正在嘗試實施本教程：

https://www.typescriptlang.org/docs/handbook/react-&-webpack.html

我應該安裝react和react-dom還webpack + typescript + awesome-typescript-loader + source-map-loader ，這就是我所做的。 我還根據從命令行獲得的說明安裝了webpack-cli 。

我將它們全部安裝在本地（ react和react-dom作為PROD，其余作為DEV依賴項）。目前我沒有在全球安裝任何軟件包。

之后，這就是我的package.json文件：

{
  "name": "reactandwebpack-tutorial",
  "version": "1.0.0",
  "description": "",
  "main": "webpack.config.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "awesome-typescript-loader": "^5.2.0",
    "source-map-loader": "^0.2.3",
    "typescript": "^2.7.2",
    "webpack": "^4.16.4",
    "webpack-cli": "^3.1.0"
  },
  "dependencies": {
    "@types/react": "^16.4.7",
    "@types/react-dom": "^16.0.6",
    "react": "^16.4.2",
    "react-dom": "^16.4.2"
  }
}

此時，當我運行npm ls時，由於出現了一些可選的webpack依賴關系而明顯丟失了錯誤（樹中的所有錯誤都在webpack並在fsevents下方，如下所示）：

webpack@4.16.4
(...)watchpack@1.6.0
     (...)chokidar@2.0.4
          (...)fsevents@1.2.4 -> UNMET OPTIONAL DEPENDENCY
               And everything below fsevents is also marked with UNMET DEPENDENCY

當我運行webpack命令時，出現“無法識別webpack的錯誤”。

有人可以幫忙嗎？ 我一直在想辦法解決這個問題。

PS：

Npm -v 5.6.0
Node -v 8.11.3 //(that's what I get from the terminal, 
               //VSCode "About" tells me something different, I don't know why).

Using Visual Code

Version 1.24.0
Date 2018-06-06T17:35:40.560Z
Shell 1.7.12
Renderer 58.0.3029.110
Node 7.9.0
Architecture x64

Answer 1

解決了

不知道原因，但是與./bin文件夾有關，而webpack-cli“環境變量”不可用（我不知道這是最准確的描述）。

當我嘗試運行webpack ，出現“無法識別的錯誤”。

但是當我運行nodemodules\\.bin\\webpack-cli它可以正常工作。

一切都在本地安裝。

我也可以使用選項運行它，例如nodemodules\\.bin\\webpack-cli --help

Answer 2

原因是它沒有鏈接到您的環境。 在全局安裝某些東西時，您可以在任何地方訪問它，因此只需執行webpack 。 由於您在本地安裝了所有內容，因此二進制文件位於node_modules/.bin 。

在本地安裝某些組件時，有兩個選擇。

1. 使用npm腳本（npm運行構建，監視……等等）。
2. ./node_modules/.bin/moduleName --flags

創建npm腳本並在其中添加所有命令會更容易。

Answer 3

如果運行“ webpack”，則CLI會找到（npm install webpack -g）安裝的全局webpack。 要使用本地項目中的webpack。 您應該將其保存為npm腳本。

的package.json

{
    "script": {
        "start": "webpack"
    }
}

這樣，您可以運行npm start來運行webpack。