想要用webpack-dev-server打开一个服务器报错

Question

问题描述

在使用下面这行代码启动webpack-dev-server服务器的时候报了下面截图中的错误

node_modules/.bin/webpack-dev-server

目录结构、报错信息如下

大概原因可能就是找不到.src目录，但是我在借助webpack-dev-server启动开发环境的项目的时候，就会正常显示。webpack.dev.js文件代码如下

//开发环境配置
const base = require('./webpack.base.js')

const {merge} = require('webpack-merge')

module.exports = merge(base,{
  mode:'development',
  devServer: {
      port: 3000, 
      open: true
  }
})

• 问题1：上述报错在这种目录结构下应该如何修复呢
• 问题2：为什么入口文件entry:'./src/main.js'可以用这种路径表示，'./'表示的应该是当前文件的同级吧，也就是config文件夹下吧

自己尝试过哪些方法

一开始还以为会不会是context:path.resolve(__dirname, '../')这个配置项的原因，但是又仔细想了一下好像不是这样。就搞不懂是为什么了，网上有人说报错原因是由于webpack配置文件没有放到根目录造成的，但是为了方便开发我放到了一个文件夹下面

Answer 1

路径不对，如果你这么写，应该是../src