Webpack-Dev-Server 一直在寻找 src 文件夹

Question

我有一个简单的 html 页面，添加了一个脚本并尝试使用 webpack 开发服务器加载页面，但它一直向我返回此错误 ERROR in multi (webpack)-dev-server/client?http://localhost:3000 ./src Module not found: Error: Can't resolve './src' in 'C:\Users\etc\Desktop\etc' 这是我的 webpack.config.js

const path = require('path');
module.exports = {
  devServer: {
    contentBase: path.resolve(__dirname, 'source/index.html'),
    port: 3000
  }
}

我运行这个命令webpack-dev-server --config ./webpack.config.js

Answer 1

Webpack4默认使用./src作为入口路径。如果 'C:\Users\etc\Desktop\etc' 不包含 ./src，您可以通过 webpack.config.js 指定您的输入路径，您可以试试这个：

const path = require('path');
module.exports = {
  // the enter path
  entry: "YOUR APP PATH",
  devServer: {
    contentBase: path.resolve(__dirname, 'source/index.html'),
    port: 3000
  }
}

而且配置简单，请看https://webpack.js.org/configuration/

Answer 2

让我帮你解决这个问题：请转到您的项目并尝试运行ning "npm run dev" 如果它抛出错误：如上所述，请在命令下方运行，

nano `package.json`

或

vi package.json

然后看看它是否没有 "dev" 任务在 "scripts" 里面，如下所示，然后请看看它是否在 "start"

"scripts": {
"build": "webpack --config webpack/webpack.config.prod.js --colors",
"dev": "webpack-dev-server --open --config webpack/webpack.config.dev.js"
}

或

"scripts": {
"build": "webpack --config webpack/webpack.config.prod.js --colors",
"start": "webpack-dev-server --open --config webpack/webpack.config.dev.js"
}

然后运行命令像

npm run dev

或

npm run start

基于它。希望它会有所帮助。如果它回答了查询，则将其标记为已解决。请提出改进建议，不胜感激！ .

Webpack-Dev-Server 一直在寻找 src 文件夹

Webpack-Dev-Server keeps looking for src folder

webpack

webpack-dev-server