kann nicht gestartet werden webpack/webpack nicht gefunden

ich möchte webpack starten. Ich gebe diesen Befehlkann nicht gestartet werden webpack/webpack nicht gefunden

npm run dev

in der Befehlsshell, wo mein Projekt ist und wo die node_module sind. ich diesen Fehler im Terminal:

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

[3;J 




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

Ich habe in node_modules/bin schaute/und es gibt eine Datei webpack benannt. Kann mir jemand helfen? Ich bin neu im Stackoverflow und neu im Webpack.

Paket 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 
    } 
}

Quelle

2017-11-09 Anonymous

do 'npm install' zuerst –

wenn es getan wurde. Aber es funktioniert immer noch nicht –

Bitte zeigen Sie Ihre package.json –

Der richtige Weg für webpack in einem Knoten Projekt ./node_modules/.bin/wepback

Und in einem npm Skript für alle Knotenmodule erhalten Zugang wäre, als ob sie auf der PATH waren so würden Sie dies wünschen:

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

Nein te, dass webpack braucht nicht den Ordner Scoping im package.json

EDIT: Oder es im Einklang mit Ihren Build-Skript zu halten:

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

Quelle

2017-11-09 21:27:40 KreemPuff

Wenn ein NPM-Skript in package.json definiert ausgeführt wird, Sie müssen keine relativen Pfade zu ausführbaren Dateien innerhalb des Ordners .\node_modules\.bin angeben. In Ihrem Fall bedeutet, dass alle Vorkommen entweder ersetzen:

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

Mit nur:

webpack

Dadurch wird sichergestellt, dass Ihre NPM-Skripte sind in der Lage die ausführbaren Dateien korrekt zu lösen.

Quelle

2017-11-09 21:33:49

kann nicht gestartet werden webpack/webpack nicht gefunden

Antwort

Verwandte Themen