web-dev-qa-db-ja.com

モジュールが見つかりません：エラー： '/ Users / jonathankuhl / Documents / Programming / node js / sandbox / webpack-app'の 'bundle.js'を解決できません

Webpackに関する非常に基本的なチュートリアルを実行しようとしています。非常に基本的な1行のJavaScriptアプリケーションをコンパイルすることはできません。複数回インストールおよびアンインストールしました。

これはWebpackの使い方を学ぶための単なるチュートリアルです。私はnpm initを使用してpackage.jsonをセットアップし、他に何もせずにそのファイルに触れました。 bundle.jsファイルにバンドルすることを想定している単一のindex.htmlファイルと単一のapp.jsファイルがあります。

端末にwebpack app.js bundle.jsと入力します

私はこのエラーを受け取り続けます：

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

ここにpackage.jsonがありますが、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"
  }
}

何が悪いのですか？私は文字通り、チュートリアルで指示されているとおりの手順を正確に実行しています。私はウェブ開発の仕事が欲しいので、調べた方がいいと思って、ウェブパックについてはあまり知りません。 「 'bundle.jsを解決できません'とはどういう意味かわかりません。bundle.jsが存在しないかのように見えますが、存在するはずがないので、webpackが作成します。

npm run buildの下にあるpackage.jsonに"build":"webpack"を追加した後、"scripts"を実行するなどの代替手段を試してみましたが、うまくいきませんでした。これは、ディレクトリ全体を削除してやり直す前のことです。また、webpackとwebpack-cliの両方を数回インストールおよびアンインストールしました。

何が悪いのですか？

問題があれば、これはツタンカーメンです： https://www.youtube.com/watch?v=lziuNMk_8eQ 1年弱なので、少し古いかもしれませんか？

javascriptnpmwebpack
12
Jonathan Kuhl

出力としてbundle.jsが必要なので、代わりにこのコマンドを試してください

webpack app.js -o bundle.js

39
Talgat Saribayev

また、モードを明示的に設定する必要もありました

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

そのチュートリアルを続行します。

2
axmc