webentwicklung-frage-antwort-db.com.de

der Befehl npm run dev funktioniert im Hackernews-Beispiel von vuejs nicht

Ich versuche, das Beispiel vue-hackernews-2.0 von vuejs 'github aus auszuführen. repository

Im Abschnitt Setup wird erklärt, wie das Projekt installiert wird:

# install dependencies
npm install # or yarn

# serve in dev mode, with hot reload at localhost:8080
npm run dev

# build for production
npm run build

# serve in production mode
npm start

Ich habe npm installiert. Nachdem ich den Port in server.js auf 8888 geändert hatte, gab ich "npm run dev" in der Befehlszeile ein.

> [email protected] dev D:\Users\212399486\WebstormProjects\vue-hackernews-2.0-master
> node server

server started at localhost:8888


DONE  Compiled successfully in 16328ms                                                                                                                                                                                                                        1:02:18 PM


DONE  Compiled successfully in 17845ms                                                                                                                                                                                                                        1:02:19 PM


webpack built bd162a76119031a85eed in 17845ms

Wenn ich localhost gehe: 8888 Es wird nur versucht, 1 Minute lang zu laden und dann schlägt es fehl, ohne dass irgendetwas auf der Konsole ist.

Ich dachte, ich sollte auch "npm run build" und "npm start" ausprobieren, also habe ich auch zwei Befehle verwendet. "npm run build" hat die dist-Datei erfolgreich erstellt.

Aber nach "npm start" bekomme ich diesen Fehler:

> [email protected] start D:\Users\212399486\WebstormProjects\vue-hackernews-2.0-master
> cross-env NODE_ENV=production node server

module.js:471
    throw err;
    ^

Error: Cannot find module './dist/vue-ssr-server-bundle.json'
    at Function.Module._resolveFilename (module.js:469:15)
    at Function.Module._load (module.js:417:25)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (D:\Users\212399486\WebstormProjects\vue-hackernews-2.0-master\server.js:41:18)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
events.js:160
      throw er; // Unhandled 'error' event
      ^

Error: spawn node ENOENT
    at notFoundError (D:\Users\212399486\WebstormProjects\vue-hackernews-2.0-master\node_modules\cross-spawn\lib\enoent.js:11:11)
    at verifyENOENT (D:\Users\212399486\WebstormProjects\vue-hackernews-2.0-master\node_modules\cross-spawn\lib\enoent.js:46:16)
    at ChildProcess.cp.emit (D:\Users\212399486\WebstormProjects\vue-hackernews-2.0-master\node_modules\cross-spawn\lib\enoent.js:33:19)
    at Process.ChildProcess._handle.onexit (internal/child_process.js:215:12)

npm ERR! Windows_NT 6.1.7601
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "D:\\Users\\212399486\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js" "start"
npm ERR! node v6.11.2
npm ERR! npm  v3.10.8
npm ERR! code ELIFECYCLE
npm ERR! [email protected] start: `cross-env NODE_ENV=production node server`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script 'cross-env NODE_ENV=production node server'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the vue-hackernews-2.0 package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     cross-env NODE_ENV=production node server
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs vue-hackernews-2.0
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls vue-hackernews-2.0
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     D:\Users\212399486\WebstormProjects\vue-hackernews-2.0-master\npm-debug.log

Screenshot des dist Ordners:

 enter image description here

package.json-Skripte:

"scripts": {
    "dev": "node server",
    "start": "cross-env NODE_ENV=production node server",
    "build": "rimraf dist && npm run build:client && npm run build:server",
    "build:client": "cross-env NODE_ENV=production webpack --config build/webpack.client.config.js --progress --hide-modules",
    "build:server": "cross-env NODE_ENV=production webpack --config build/webpack.server.config.js --progress --hide-modules"
  },
5
brainmassage

Benötigt Node.js 7+

Ich habe es geschafft, es ohne Probleme zum Laufen zu bringen.

$node -v
v8.3.0
$npm -v
5.3.0

Ändern Sie den Standardport erfolgreich:

Um den Standardport zu ändern, müssen Sie package.json-Skripte bearbeiten:

dev: cross-env PORT=8888 node server

start: cross-env PORT=8888 NODE_ENV=production node server

Dann npm run dev ausführen

> [email protected] dev /home/emx/so/vue-hackernews-2.0
> cross-env PORT=8888 node server

server started at localhost:8888
4
EMX

sie verwenden eine Version des Knotens, die nicht unterstützt wird. Ihr Fehler zeigt auf node v6.11.2 (siehe unten).

 npm ERR! Windows_NT 6.1.7601
 npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "D:\\Users\\212399486\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js" "start"
 npm ERR! node v6.11.2
 npm ERR! npm  v3.10.8

vue-hackernews-2.0 benötigt Node.js 7+. Aktualisieren Sie Ihren Knoten auf eine Version 7+, und es sollte Ihnen nichts passieren. Ich werde auch empfehlen, Ihre npm-Version zu aktualisieren.

Weitere Informationen zum Aktualisieren Ihrer Knotenversion finden Sie unter Antworten auf diese Frage , wenn Sie Anweisungen benötigen.

0
Kalenda