配置webpack时报错 求帮助按着步骤来还是会有问题

说我没有配置 mode: 但我配置了呀

D:\AppStore\vue.js\code\day1>npm run dev

day1@1.0.0 mailto:day1@1.0.0 dev D:\AppStore\vue.js\code\day1
webpack

assets by status 0 bytes [cached] 1 asset

WARNING in configuration
The 'mode' option has not been set, webpack will fallback to 'production' for this value.
Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
You can also set it to 'none' to disable any default behavior. Learn more: Mode | webpack webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset. https://webpack.js.org/configuration/mode/

ERROR in main
Module not found: Error: Can't resolve './src' in 'D:\AppStore\vue.js\code\day1'
resolve './src' in 'D:\AppStore\vue.js\code\day1'
using description file: D:\AppStore\vue.js\code\day1\package.json (relative path: .)
Field 'browser' doesn't contain a valid alias configuration
using description file: D:\AppStore\vue.js\code\day1\package.json (relative path: ./src)
no extension
Field 'browser' doesn't contain a valid alias configuration
D:\AppStore\vue.js\code\day1\src is not a file
.js
Field 'browser' doesn't contain a valid alias configuration
D:\AppStore\vue.js\code\day1\src.js doesn't exist
.json
Field 'browser' doesn't contain a valid alias configuration
D:\AppStore\vue.js\code\day1\src.json doesn't exist
.wasm
Field 'browser' doesn't contain a valid alias configuration
D:\AppStore\vue.js\code\day1\src.wasm doesn't exist
as directory
existing directory D:\AppStore\vue.js\code\day1\src
using description file: D:\AppStore\vue.js\code\day1\package.json (relative path: ./src)
using path: D:\AppStore\vue.js\code\day1\src\index
using description file: D:\AppStore\vue.js\code\day1\package.json (relative path: ./src/index)
no extension
Field 'browser' doesn't contain a valid alias configuration
D:\AppStore\vue.js\code\day1\src\index doesn't exist
.js
Field 'browser' doesn't contain a valid alias configuration
D:\AppStore\vue.js\code\day1\src\index.js doesn't exist
.json
Field 'browser' doesn't contain a valid alias configuration
D:\AppStore\vue.js\code\day1\src\index.json doesn't exist
.wasm
Field 'browser' doesn't contain a valid alias configuration
D:\AppStore\vue.js\code\day1\src\index.wasm doesn't exist

webpack 5.42.1 compiled with 1 error and 1 warning in 241 ms
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! day1@1.0.0 mailto:day1@1.0.0 dev: webpack
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the day1@1.0.0 mailto:day1@1.0.0 dev 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\琦琦哥的巨无霸\AppData\Roaming\npm-cache_logs\2021-08-15T16_16_06_178Z-debug.log

一个是开发模式，一个是生产模式