2017-11-09 2 views
0

webpack을 시작하고 싶습니다. 이 명령을 입력하십시오캔트 시작 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에 보았다 /과 웹팩라는 파일이있다 : 나는 터미널이 오류가 발생합니다. 누군가 나를 도울 수 있습니까? 나는 stackoverflow와 webpack을 사용하는 것이 새로운 것이다.

노드 프로젝트 웹팩에 대한 올바른 경로가 ./node_modules/.bin/wepback

이 될 것입니다 그리고 그들은이 PATH에있는 것처럼 NPM 스크립트에서 모든 노드 모듈에 액세스 할 수

{ 
    "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

패키지 JSON 그래서 당신이 원하는 것 :

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

없음 테 그 웹팩은 package.json 내

편집 폴더 범위 지정이 필요하지 않습니다 를 또는 빌드 스크립트와 일관성을 유지하기 위해 :

"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 스크립트가 올바르게 실행 파일을 해결할 수 있는지 확인합니다.