我已经在全球(第一个)和某个项目(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!" }
laggingrefle.. 5
当您全局安装模块时npm install -g webpack
(如webpack所要求的那样),它实际上可以在您的命令行上使用.所以你只需要运行:
webpack ./app.js bundle.js
至于你在运行时得到的错误:
node webpack ./app.js bundle.js
那是因为当你运行时node webpack
你实际上(据说)传递文件webpack.js
(或webpack/index.js
)node
,因此"无法找到模块"错误.
当您全局安装模块时npm install -g webpack
(如webpack所要求的那样),它实际上可以在您的命令行上使用.所以你只需要运行:
webpack ./app.js bundle.js
至于你在运行时得到的错误:
node webpack ./app.js bundle.js
那是因为当你运行时node webpack
你实际上(据说)传递文件webpack.js
(或webpack/index.js
)node
,因此"无法找到模块"错误.