webpack打包的时候提示找不到文件，可是文件路径是对的这是为什么？

Question

错误提示是这个
代码结构：

代码：
1.webpack.config.js

var path=require('path');
module.exports={
    entry:{
        index:'./web/main.js',
    },
    output:{
        path:path.resolve(__dirname,'dist'),
        filename:'[name].js'
    },
    
}

2.main.js

require(['demo2/demo2.js'],function(demo2){
    console.log(demo2.sum)
})

3.demo2/demo2.js

define(['../demo1/demo1.js'],function(demo1){
    var sum;
    var num=demo1.num;
    sum=num+1;
    return {
        sum:sum
    }   
})

4.demo1/demo1/js

define(function(){
    var num=1;
    return {
        num:num
    }
})

我已经把代码弄成最少了，如果不打包的话，运行是对的，但是如果用webpack打包的话，就会出现上图中的错误，这是什么原因导致的呢

Answer 1

main.js改改？

require(['./demo2/demo2.js'],function(demo2){
    console.log(demo2.sum)
})