在腾讯云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标签
看一下.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了