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

让我帮助您解决这个问题：请转到您的项目，然后尝试运行"npm run dev" 如果抛出错误：如上文所述，请在命令下面运行，

nano `package.json`

或

vi package.json

并查看它是否在“脚本”中没有如下所示的“ dev”任务，然后请查看它是否在“开始”中

"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文件夹

2 个答案: