2017-11-09 9 views
0

webpackを開始します。私はこのコマンドを入力します。cant start webpack/webpackが見つかりません

npm run dev 

私のプロジェクトがどこにあり、どこにnode_modulesがあるのでしょうか。 私は、端末でこのエラーを取得:

> clear; npm run --silent sound:trash; ./bin/webpack --env development --watch; npm run --silent sound:microwave 

[3;J 




sh: 1: ./bin/webpack: not found 

私はnode_modules/binに見てきた/とのWebPACKという名前のファイルがあります。誰かが私を助けることができますか?私はstackoverflowで新しいとwebpackを使用して新しいです。

パッケージJSON

{ 
    "name": "xxx", 
    "version": "1.1.0", 
    "description": "", 
    "main": "src/js/init.js", 
    "scripts": { 
    "sound:plock": "play -q -v 0.2 $(find /usr/share/sounds/ -type f -name *device-added* | head -n 1)", 
    "sound:microwave": "play -q -v 0.1 $(find /usr/share/sounds/ -type f -name *complete* | head -n 1)", 
    "sound:trash": "play -q -v 0.15 $(find /usr/share/sounds/ -type f -name *trash* | head -n 1)", 
    "clean:js": "rm $(find ./static/ -type f -regex '.*\\.[jt]sx?'); npm run --silent sound:trash", 
    "clean:dir": "rm -rf ./static; npm run --silent sound:trash", 
    "build": "clear; npm run --silent clean:dir; ./node_modules/.bin/webpack --env production --progress; npm run --silent sound:microwave", 
    "build:server": "./node_modules/.bin/webpack --env production --progress", 
    "dev": "clear; npm run --silent sound:trash; ./bin/webpack --env development --watch; npm run --silent sound:microwave", 
    "test": "clear; npm run --silent build; ./bin/mocha --compilers js:babel-core/register --require jsdom-global/register; npm run --silent sound:plock", 
    "test:monitor": "nodemon -x \"rm -rf ./build; babel ./src --out-dir ./build; ./bin/mocha --compilers js:babel-core/register --require jsdom-global/register; npm run --silent sound:plock\"", 
    "stats": "./node_modules/.bin/webpack --env production --profile --json > webpack-build-stats.json" 
    }, 
    "repository": { 
    "type": "git", 
    "url": "[email protected]:/l3pweb/pipeline" 
    }, 
    "author": "", 
    "license": "UNLICENSED", 
    "devDependencies": { 
    "@types/jquery": "*", 
    "awesome-typescript-loader": "*", 
    "babel-core": "*", 
    "babel-eslint": "*", 
    "babel-plugin-transform-object-rest-spread": "*", 
    "babel-preset-env": "*", 
    "babel-preset-es2015": "*", 
    "babel-preset-flow": "*", 
    "babel-preset-react": "*", 
    "browser-sync": "*", 
    "browser-sync-webpack-plugin": "*", 
    "copy-webpack-plugin": "*", 
    "css-loader": "*", 
    "eslint": "*", 
    "eslint-loader": "*", 
    "eslint-plugin-flowtype": "*", 
    "extract-text-webpack-plugin": "*", 
    "file-loader": "*", 
    "google-fonts-webpack-plugin": "*", 
    "html-webpack-plugin": "*", 
    "jsdom": "*", 
    "jsdom-quokka-plugin": "*", 
    "json-loader": "*", 
    "less": "*", 
    "less-loader": "*", 
    "node-sass": "*", 
    "nodemon": "*", 
    "sass-loader": "*", 
    "style-loader": "*", 
    "svg-loader": "*", 
    "trash-cli": "*", 
    "ts-loader": "*", 
    "ts-node": "*", 
    "tslint": "*", 
    "tslint-eslint-rules": "*", 
    "typescript": "*", 
    "url-loader": "*", 
    "webpack": "^3.8.1", 
    "webpack-bundle-analyzer": "*", 
    "webpack-config": "*", 
    "webpack-merge": "*" 
    }, 
    "dependencies": { 
    "@cartok/dagre-d3": "^0.4.52", 
    "@cartok/hierarchy-select": "^1.0.0", 
    "babel-polyfill": "^6.23.0", 
    "d3": "^3.5.17", 
    "datatables.net": "^1.10.15", 
    "datatables.net-bs": "^1.10.15", 
    "datatables.net-buttons": "^1.4.0", 
    "datatables.net-buttons-bs": "^1.4.0", 
    "datatables.net-colreorder": "^1.3.3", 
    "datatables.net-colreorder-bs": "^1.3.3", 
    "datatables.net-fixedheader": "^3.1.2", 
    "datatables.net-fixedheader-bs": "^3.1.2", 
    "datatables.net-keytable": "^2.2.1", 
    "datatables.net-keytable-bs": "^2.2.1", 
    "datatables.net-responsive": "^2.1.1", 
    "datatables.net-responsive-bs": "^2.1.1", 
    "datatables.net-scroller": "^1.4.2", 
    "datatables.net-scroller-bs": "^1.4.2", 
    "datatables.net-select": "^1.2.2", 
    "datatables.net-select-bs": "^1.2.2", 
    "dom-node-template": "^1.0.1", 
    "jquery": "^3.2.1", 
    "l3p-core": "^2.5.2", 
    "list.js": "^1.5.0", 
    "literal-observer": "^0.5.1", 
    "lodash-es": "^4.17.4" 
    }, 
    "quokka": { 
    "babel": { 
     "presets": [ 
     "env", 
     "flow" 
     ], 
     "polyfill": true 
    }, 
    "plugins": [ 
     "jsdom-quokka-plugin" 
    ], 
    "ts": true 
    } 
} 
+0

do 'npm install'まずは –

+0

してください。しかし、まだ動作しません –

+1

あなたのpackage.jsonを表示してください –

答えて

1

ノードプロジェクトでのWebPACKの正しいパスが./node_modules/.bin/wepback

だろうそして彼らはPATH上にあるかのようNPMスクリプトでは、すべてのノードモジュールへのアクセスを取得

"dev":"clear; npm run --silent sound:trash; webpack --env development --watch; npm run --silent sound:microwave"

ありません:あなたはこのことを望みますTEそのWebPACKのがpackage.json内

EDITフォルダのスコープを必要としない: するか、ビルドスクリプトと一致し、それを維持するために:

"dev":"clear; npm run --silent sound:trash; ./node_modules/.bin/webpack --env development --watch; npm run --silent sound:microwave"

1

package.jsonで定義されたNPMのスクリプトを実行しています、 .\node_modules\.binフォルダー内の実行可能ファイルへの相対パスを指定する必要はありません。あなたのケースでは、それはどちらかのすべての出現を置き換える意味:だけで

./node_modules/.bin/webpack 
./.bin/webpack 

webpack 

このごNPMスクリプトが正しく実行ファイルを解決できることを保証します。

関連する問題