Question

我已经在全球（第一个）和某个项目（PC，Windows 10）上安装了webpack。似乎项目目录包含它所需的所有文件夹：

c:\Users\srgg6701\Documents\Projects\Compilers\Webpack\try>npm install webpack --save-dev
npm WARN optional dep failed, continuing fsevents@1.0.5
webpack@1.12.9 node_modules\webpack
├── interpret@0.6.6
├── clone@1.0.2
├── tapable@0.1.10
├── async@1.5.0
├── esprima@2.7.0
├── enhanced-resolve@0.9.1 (graceful-fs@4.1.2, memory-fs@0.2.0)
├── supports-color@3.1.2 (has-flag@1.0.0)
├── mkdirp@0.5.1 (minimist@0.0.8)
├── optimist@0.6.1 (wordwrap@0.0.3, minimist@0.0.10)
├── memory-fs@0.3.0 (errno@0.1.4, readable-stream@2.0.4)
├── webpack-core@0.6.8 (source-list-map@0.1.5, source-map@0.4.4)
├── loader-utils@0.2.12 (big.js@3.1.3, json5@0.4.0)
├── uglify-js@2.6.1 (async@0.2.10, uglify-to-browserify@1.0.2, source-map@0.5.3, yargs@3.10.0)
├── node-libs-browser@0.5.3 (tty-browserify@0.0.0, https-browserify@0.0.0, path-browserify@0.0.0, constants-browserify@0.0.1, punycode@1.3.2, string_decoder@0.10.31, os-browserify@0.1.2, process@0.11.2, domain-browser@1.1.4, assert@1.3.0, querystring-es3@0.2.1, timers-browserify@1.4.1, stream-browserify@1.0.0, events@1.1.0, readable-stream@1.1.13, util@0.10.3, console-browserify@1.1.0, url@0.10.3, vm-browserify@0.0.4, http-browserify@1.7.0, browserify-zlib@0.1.4, buffer@3.5.4, crypto-browserify@3.2.8)
└── watchpack@0.2.9 (graceful-fs@4.1.2, async@0.9.2, chokidar@1.4.0)

但是当我在项目目录中运行命令时：

c:\Users\srgg6701\Documents\Projects\Compilers\Webpack\try>node webpack ./app.js bundle.js

它显示错误：

module.js:338
    throw err;
    ^

Error: Cannot find module 'c:\Users\srgg6701\Documents\Projects\Compilers\Webpack\try\webpack'
    at Function.Module._resolveFilename (module.js:336:15)
    at Function.Module._load (module.js:286:25)
    at Function.Module.runMain (module.js:475:10)
    at startup (node.js:117:18)
    at node.js:951:3

然后我检查已安装的节点：

c:\Users\srgg6701\Documents\Projects\Compilers\Webpack\try>npm ls --depth=0

它说没关系（？）：

c:\Users\srgg6701\Documents\Projects\Compilers\Webpack\try
└── webpack@1.12.9

然而，错误仍然存在。请告诉我，它可以修复吗？如何？！

以防万一，这是 node_modules / webpack / package.json 文件的内容：

{
  "name": "webpack",
  "version": "1.12.9",
  "author": {
    "name": "Tobias Koppers @sokra"
  },
  "description": "Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jade, coffee, css, less, ... and your custom stuff.",
  "dependencies": {
    "async": "^1.3.0",
    "clone": "^1.0.2",
    "enhanced-resolve": "~0.9.0",
    "esprima": "^2.5.0",
    "interpret": "^0.6.4",
    "loader-utils": "^0.2.11",
    "memory-fs": "~0.3.0",
    "mkdirp": "~0.5.0",
    "node-libs-browser": ">= 0.4.0 <=0.6.0",
    "optimist": "~0.6.0",
    "supports-color": "^3.1.0",
    "tapable": "~0.1.8",
    "uglify-js": "~2.6.0",
    "watchpack": "^0.2.1",
    "webpack-core": "~0.6.0"
  },
  "license": "MIT",
  "devDependencies": {
    "benchmark": "^1.0.0",
    "bundle-loader": "~0.5.0",
    "codecov.io": "^0.1.2",
    "coffee-loader": "~0.7.1",
    "coffee-script": "^1.10.0",
    "component-webpack-plugin": "~0.2.0",
    "coveralls": "^2.11.2",
    "css-loader": "~0.15.0",
    "diff": "^2.0.2",
    "eslint": "^1.1.0",
    "eslint-plugin-nodeca": "^1.0.3",
    "express": "~4.13.1",
    "extract-text-webpack-plugin": "~0.8.0",
    "file-loader": "~0.8.0",
    "glob": "^5.0.14",
    "i18n-webpack-plugin": "~0.2.0",
    "istanbul": "^0.3.13",
    "jade": "^1.11.0",
    "jade-loader": "~0.7.0",
    "js-beautify": "^1.5.10",
    "json-loader": "~0.5.1",
    "less": "^2.5.1",
    "less-loader": "^2.0.0",
    "mocha": "~2.2.0",
    "mocha-lcov-reporter": "0.0.2",
    "raw-loader": "~0.5.0",
    "script-loader": "~0.6.0",
    "should": "^7.0.2",
    "style-loader": "~0.12.0",
    "url-loader": "~0.5.0",
    "val-loader": "~0.5.0",
    "vm-browserify": "~0.0.0",
    "webpack-dev-middleware": "^1.0.0",
    "worker-loader": "~0.6.0"
  },
  "engines": {
    "node": ">=0.6"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/webpack/webpack.git"
  },
  "homepage": "https://github.com/webpack/webpack",
  "main": "lib/webpack.js",
  "web": "lib/webpack.web.js",
  "bin": {
    "webpack": "./bin/webpack.js"
  },
  "files": [
    "lib/",
    "bin/",
    "buildin/",
    "hot/",
    "web_modules/"
  ],
  "scripts": {
    "pretest": "npm run lint && npm run beautify-lint",
    "test": "mocha",
    "travis": "npm run cover -- --report lcovonly",
    "lint": "eslint lib bin hot scripts",
    "beautify-lint": "node ./scripts/beautify-check",
    "beautify": "node ./scripts/beautify-rewrite",
    "precover": "npm run lint && npm run beautify-lint",
    "cover": "istanbul cover -x *.runtime.js node_modules/mocha/bin/_mocha",
    "publish-patch": "npm run lint && npm run beautify-lint && mocha && npm version patch && git push && git push --tags && npm publish"
  },
  "gitHead": "9766f2bde3c3f3e7b3b0e914c9cb81ea3a12e823",
  "bugs": {
    "url": "https://github.com/webpack/webpack/issues"
  },
  "_id": "webpack@1.12.9",
  "_shasum": "2a031d66189839cc5cbf2c68f80566da2e14ff4e",
  "_from": "webpack@*",
  "_npmVersion": "2.10.1",
  "_nodeVersion": "0.12.4",
  "_npmUser": {
    "name": "sokra",
    "email": "tobias.koppers@googlemail.com"
  },
  "maintainers": [
    {
      "name": "sokra",
      "email": "tobias.koppers@googlemail.com"
    }
  ],
  "dist": {
    "shasum": "2a031d66189839cc5cbf2c68f80566da2e14ff4e",
    "tarball": "http://registry.npmjs.org/webpack/-/webpack-1.12.9.tgz"
  },
  "directories": {},
  "_resolved": "https://registry.npmjs.org/webpack/-/webpack-1.12.9.tgz",
  "readme": "ERROR: No README data found!"
}

Answer 1

当您全局安装模块npm install -g webpack时（如webpack所要求的那样），它实际上可以在您的命令行上使用。所以你只需要运行：

webpack ./app.js bundle.js

至于你在跑步时得到的错误：

node webpack ./app.js bundle.js

这是因为当您运行node webpack时，您实际上（据称）将文件webpack.js（或webpack/index.js）传递给node，因此＆＃34;找不到模块＆＃34;错误。

节点在Windows 10上找不到webpack模块

1 个答案: