问题描述
在使用下面这行代码启动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
配置文件没有放到根目录造成的,但是为了方便开发我放到了一个文件夹下面
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…