使用Django+vue+element-ui搭建项目时,element-ui的样式不生效,如何解决?

在腾讯云centos7上用Django+vue+element-ui搭建项目,按照网上资料下载了 npm i element-ui -S 也向webpack.base.conf.js 和 main.js中添加了代码,
且逻辑没有问题,页面可以正常那个访问且不报错,但样式就是不出来,折腾了一天多,网上资料看了无数,就是找不到原因(在本地windows上同样跑了一个vue前端项目试过,本地的样式是可以出来的)
在此请教,悬赏20
这是main.js中加的
图片说明

node_modules/element-ui/lib/theme-chalk/index.css 是存在的,不过这个element-ui文件夹怎么是灰的?别人的都是红色的。

图片说明

图片说明
这是页面: 样式出不来,也不报错:
图片说明

https://blog.csdn.net/weixin_42630688/article/details/86551380

应该打包丢失,导致文件找不到,你看一下网络请求

你的代码没运行在vue容器里 div那里少了个id标签

图片说明
图片说明

图片说明
谁能帮我解决,我出40

看一下.babelrc的配置,你这个好像连element-ui都没被引入进来,连按钮的形状都没出来,也就是说elementUI都没被引进来。

不知道问题有没有解决,按照问题描述,应当是在打包的dist出现的问题,不显示样式。我看了下第二张代码和第三张网页截图,题主应当是在打包时没有修改js和css的打包路径。config/index.js

 build: {
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: './',

assetsPublicPath: '/',改为 assetsPublicPath: './',绝对路径改为相对路径,应该就可以正常加载css和js了