Module not found: Error: Can't resolve "xxx" in "xxx"

Error Messages

ERROR in multi ./src/index.js ./dist/bundle.js
Module not found: Error: Can't resolve './dist/bundle.js' in 'C:\Users\ASUS\Desktop\vue\webpack-study'
 @ multi ./src/index.js ./dist/bundle.js main[1]

main.js

import $ from "jquery"


$(function () {
    $("li:odd").css("backgroundColor", "lightblue")
    $("li:even").css("backgroundColor", function(){
        return "#"+"D97634"
    })
})

package.json

{
  "name": "webpack-study",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "jquery": "^3.4.1"
  }
}

Workaround end-use, but a bit dated, but a little better method is not found, it will only be used:

webpack ./src/main.js -o ./dist/bundle.js --mode development

 Use `--mode production` for production.