typescript在webpack中导入模块的时候Module not found: Error: Can‘t resolve ‘xxx‘ in ‘xxx‘

在学ts做贪吃蛇的时候要创建几个类然后导入模块的时候webpack报错了

import './style/index.less';
import Food from './modules/Food';
import ScorePanel from './modules/ScorePanel';
import Snake from './modules/Snake';

const food = new Food();

把const food = new Food();删掉又可以正常编译
Food的代码：

class Food{
    element:HTMLElement;

    constructor(){
        this.element = document.querySelector('#food');
    }

    get X():number{
        return this.element.offsetLeft;
    }
    get Y():number{
        return this.element.offsetTop;
    }
    change(){
        let top:number = Math.round(Math.random()*29)*10;
        let left:number = Math.round(Math.random()*29)*10;
        this.element.style.left = top + "px";
        this.element.style.top = left + "px";
    }
}

export default Food;

ts-loader也装了，路径也没错，不知道是什么问题，希望懂得能说一下
这是ts的配置和路径