web-dev-qa-db-fra.com

Module introuvable: Erreur: impossible de résoudre 'bundle.js' dans '/ Users / jonathankuhl / Documents / Programming / node js / sandbox / webpack-app'

J'essaie de suivre un didacticiel très basique sur Webpack. Je ne parviens pas à compiler une application javascript simple ligne très basique. Je l'ai installé et désinstallé plusieurs fois.

C'est juste un tutoriel pour apprendre à utiliser Webpack. J'ai utilisé npm init pour configurer le package.json et n'a rien fait d'autre pour toucher ce fichier. J'ai un seul fichier index.html et un seul fichier app.js qui sont supposés être regroupés dans un fichier bundle.js.

J'entre: webpack app.js bundle.js dans le terminal

Je reçois toujours cette erreur:

Jonathans-MBP:webpack-app jonathankuhl$ webpack app.js bundle.js
Hash: 8d502a6e1f30f2ad64ab
Version: webpack 4.1.1
Time: 157ms
Built at: 2018-3-20 12:25:32
 1 asset
Entrypoint main = main.js
   [0] ./app.js 18 bytes {0} [built]
   [1] multi ./app.js bundle.js 40 bytes {0} [built]

WARNING in configuration
The 'mode' option has not been set. Set 'mode' option to 'development' or 'production' to enable defaults for this environment.

ERROR in multi ./app.js bundle.js
Module not found: Error: Can't resolve 'bundle.js' in '/Users/jonathankuhl/Documents/Programming/node js/sandbox/webpack-app'
 @ multi ./app.js bundle.js

Voici le package.json, il n'y a rien que je n'ai pas fait en dehors de npm init:

{
"name": "webpack-app",
  "version": "1.0.0",
  "description": "testing",
  "main": "app.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "webpack": "^4.1.1"
  }
}

Qu'est-ce que je fais mal? Je fais littéralement exactement ce que le tutoriel me dit de faire, étape par étape. Je ne connais pas grand-chose au webpack, j'ai pensé que je devrais m'y intéresser, car je veux un emploi dans le développement web. Je ne sais pas ce que cela signifie par "ne peut pas résoudre 'bundle.js'. C'est comme si bundle.js n'existe pas, mais il n'est pas censé exister, webpack le crée.

J'ai essayé des alternatives telles que faire npm run build après avoir ajouté "build":"webpack" à mon package.json sous "scripts", et n'a pas eu de chance. C'était avant de supprimer tout le répertoire et de recommencer. J'ai également installé et désinstallé à la fois webpack et webpack-cli.

Qu'est-ce que je fais mal?

Voici le tut, si cela importe: https://www.youtube.com/watch?v=lziuNMk_8eQ Il a un peu moins d'un an, alors peut-être qu'il est légèrement dépassé?

javascriptnpmwebpack
11
Jonathan Kuhl

vous avez besoin bundle.js en sortie, essayez plutôt cette commande

webpack app.js -o bundle.js

39
Talgat Saribayev

J'avais également besoin de définir le mode explicitement

webpack --mode=development app.js -o bundle.js

pour poursuivre ce didacticiel.

2
axmc