Die CLI zog in ein separates Paket: webpack-cli
Ich bin neu React.js und ich versuche zu lernen von den tutorials auf tutorialspoint aber ich Stand vor Fehler. Hier ist der Fehler auf der Konsole, wenn ich ausführen von npm start-Befehl:
C:\Users\HP\Desktop\reactApp1> npm start
> reactapp1@1.0.0 start C:\Users\HP\Desktop\reactApp1.
> webpack-dev-server --hot
The CLI moved into a separate package: webpack-cli.
Please install .webpack-cli. in addition to webpack itself to use the CLI.
-> When using npm: npm install webpack-cli -D
-> When using yarn: yarn add webpack-cli -D
module.js:540
throw err;
Error: Cannot find module .webpack-cli/bin/config-yargs.
at Function.Module._resolveFilenam (module.js:538:15)
at Function.Module. load (module.j5:668:25)
at Module.require (module.js,587.17)
at require (internal/module.js:11:18)
at Object•<anonymous> (C:\Users\HP\Desktop\reactApp1\node_modules\webpack-dev-server\bin\webpack-dev-server.js:65:1)
at Module. compile (module.js:663:30)
at Object.Module. extensions. .js (module.js:656:10)
at Module.load (module.js:556:32)
at tryModuleLoad (module.js:699:12)
at Function.Module. load (modul.js:691:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! reactapp@1.0.0 start: `webpack-dev-server --hot`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the reactapp@1.0.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:Users\HP\AppData\Roaming\npm-cache\_logs\2018-03-06T05_29_08_833Z-debug.log
Paket.json
{
"name": "reactapp1",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"start": "webpack-dev-server --hot"
},
"author": "",
"license": "ISC",
"dependencies": {
"babel-core": "^6.26.0",
"babel-preset-es2015": "^6.24.1",
"babel-preset-react": "^6.24.1",
"react": "^16.2.0",
"react-dom": "^16.2.0",
"webpack": "^4.0.1",
"webpack-dev-server": "^3.1.0"
},
"devDependencies": {
"babel-loader": "^7.1.3"
}
}
webpack.config.js
var config = {
entry: './main.js',
output: {
path:'./',
filename: 'index.js',
},
devServer: {
inline: true,
port: 8090
},
module: {
loaders: [
{
test: /\.jsx?$/,
exclude: /node_modules/,
loader: 'babel',
query: {
presets: ['es2015', 'react']
}
}
]
}
}
module.exports = config;
main.js
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App.jsx';
ReactDOM.render(<App />, document.getElementById('app'));
App.jsx
import React from 'react';
class App extends React.Component {
render() {
return (
<div>
Hello World!!!
</div>
);
}
}
export default App;
index.html
<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset = "UTF-8">
<title>React App</title>
</head>
<body>
<div id = "app"></div>
<script src = "index.js"></script>
</body>
</html>
nur ein downgrade auf webpack 3 mit npm install --save-dev [email protected]
InformationsquelleAutor prakash kumar | 2018-03-04
Du musst angemeldet sein, um einen Kommentar abzugeben.
Im webpack 3, webpack selbst und die CLI für die es verwendet werden in der gleichen Verpackung, aber in der version 4, Sie haben sich getrennt, die beiden verwalten jeder von Ihnen besser.
Um Ihr Problem zu lösen, installieren Sie das webpack-cli-Paket, wie der Fehler vermuten lässt, durch ausführen
npm install webpack-cli --save-dev
auf der Kommandozeile gleiche wie jedes andere Paket auch.Sind Sie mit dem Befehl das aktuelle Verzeichnis gesetzt zu Ihrem Projekt-Ordner?
Installiert cli und webpack(npm install-g webpack...) noch immer die gleichen Fehler,ich bin in meinem Projekt-Ordner...
webpack und webpack-cli beide haben die lokal installiert werden, auf Ihre neuesten Versionen.
haben Sie bekommen es doch funktionieren? Ich habe das gleiche problem
InformationsquelleAutor kingdaro
Hatte das gleiche problem, und kein Glück mit den obigen Lösungen - ich habe versucht die Installation webpack-cli Global als auch lokal-und dies funktioniert.
Diese Feste für mich. Zumindest genug, um durchzuführen
webpack --mode development.
InformationsquelleAutor Ben Holmquist
Gelöst Webpack 4 - ich hoffe, es funktioniert für webpack 2 ab
Installieren webpack-cli Global auch mit diesem Befehl
So in der Gesamtmenge, müssen Sie zum ausführen der folgenden zwei Befehle ein, die für eine lokale und für die install-CLI Global beziehungsweise.
es funktioniert für mich, ich hoffe, es wird auch für Sie arbeiten 🙂
InformationsquelleAutor Sabir Hussain
Die Fehler-Konsole ist einfach zu sagen, wie das Problem zu beheben. Scheint, wie
webpack
- Modul ist abhängig vonwebpack-cli
Modul. Um das Problem zu beheben, führen Sie einfach den Befehlnpm install webpack-cli --save
. es würde einfach funktionieren.Wirklich!!!!! Gibt man den gleichen Fehler? Können Sie suchen Sie
webpack-cli
Verzeichnis innode_modules
Ordner?InformationsquelleAutor Anadi Sharma
Müssen Sie installieren webpack-server, nicht webpack-cli. Haben Sie einen Blick auf den 2. Punkt in in diesem blog-post.
Versuchen
npm i -g [email protected]
.InformationsquelleAutor Abel Condori Malmaceda
Schritt1: Ersten Lauf
Schritt 2: Lader ersetzt werden, wobei die Regeln so ändern Sie code in Ihrem webpack.config.j. Let ' s ändern Ihre webpack.config.js Datei:
Schritt 3: Nun gehen Sie zu Ihrem Paket.json-Datei und machen einige änderungen in Ihren Skripten option:
Schritt 4: Jetzt laufen
in der Konsole
InformationsquelleAutor sachin bhandari
Wenn Sie verwenden möchten
webpack-dev-server
installieren, benötigen Siewebpack
undwebpack-cli
ersten.webpack
ist ein Modul, das Shop-compiler und -webpack-cli
ist command-line-interface, um es auszuführen. Andernfalls, wenn Sie lieberwebpack-command
, viel mehr Licht-Gewicht-version vonwebpack-cli
, müssen Sie möglicherweise installierenwebpack
undwebpack-serve
!InformationsquelleAutor Clite Tailor
Habe ich das problem gelöst mit diesem.
Hoffe auf Hilfe Eins
InformationsquelleAutor user9668868