Javascript 使用Laravel Mix不会显示元素UI图标

Javascript 使用Laravel Mix不会显示元素UI图标,javascript,vue.js,babeljs,laravel-mix,element-ui,Javascript,Vue.js,Babeljs,Laravel Mix,Element Ui,我使用Vue和Element UI创建了一个简单的网站。我使用Laravel Mix来编译代码 在开发过程中,图标会显示出来,但当我运行“npm run prod”并将其上传到Github页面时,图标不会显示出来 这是我的webpack.mix.js let mix=require('laravel-mix'); mix.js('src/js/app.js','public/')) .sass('src/styles/app.scss','public/')) .babelConfig({})

我使用Vue和Element UI创建了一个简单的网站。我使用Laravel Mix来编译代码

在开发过程中,图标会显示出来,但当我运行“npm run prod”并将其上传到Github页面时,图标不会显示出来

这是我的webpack.mix.js

let mix=require('laravel-mix');
mix.js('src/js/app.js','public/'))
.sass('src/styles/app.scss','public/'))
.babelConfig({})
.disableNotifications();
我正在使用按需组件,并遵循以下步骤,因此我的根vue文件如下所示:

从“Vue”导入Vue
从“/vuex”导入存储
从“/vue路由器”导入路由器
从“元素ui”导入元素;
导入'elementui/lib/theme chalk/index.css';
从“元素ui/lib/locale/lang/es”导入lang
从“元素ui/lib/locale”导入区域设置
locale.use(lang)
Vue.use(加载指令);
Vue.component(Select.name,Select)
Vue.component(Option.name,Option)
Vue.component(Input.name,Input)
Vue.component(Icon.name,Icon)
新Vue({
el:“#应用程序”,
路由器,
商店,
});
在同一个文档之后,我在根目录中添加了一个.babelrc文件,但我没有设法使它与预设的
es2015
一起工作,因此我使用了
@babel/preset env
。我不知道如何正确使用巴贝尔,所以整个错误可能在这里,但idk

{
“预设”:[[“@babel/preset env”,{“modules”:false}],
“插件”:[
[
“组成部分”,
{
“libraryName”:“元素ui”,
“styleLibraryName”:“主题粉笔”
}
]
]
}
我注意到一些奇怪的事情,当我运行npm run prod时,输出显示如下:

字体文件夹和所需字体正在复制到我的根目录,因此当它在Github上时,它向根域、根文件夹发出请求,正确的url应该在上面(我猜?
/h3lltronik.Github.io/my site/
,但它在
/h3lltronik.Github.io/

为了以防万一,我使用如下图标:


这是我的index.html


H3lltronik