less样式页面切换不生效

Question

home
Home.jsx
style.less
map
Map.jsx
style.less

打包后两个样式文件在一个css文件中, 访问Home页面正常,通过前端路由切换到map页面, map页面的样式并未生效;
检查过sources中的css文件,里面是有map页面对应的样式, 页面的类名也是对应的, 不清楚问题出在哪里

Answer 1

Jokcy 2020-06-30 07:33:58

这。。。你切换过去后检查元素，能看到对应的class或者id的样式么？如果没有感觉可能是css文件的路由被下掉了。你的less文件是怎么引入的？

• 提问者 大标哥 #1

  通过import "./style.less"方式引入的 我试了下,元素上没有对应的样式, 只能在服务端渲染时才会生成

• Jokcy 回复 提问者 大标哥 #2

  你在哪个页面引入的less文件，是不是在没有在后面的页面上引入less文件

• 提问者 大标哥 回复 Jokcy #3

  home页面引入的home目录下的style.less
  map页面引入map目录下的style.less
  两个less文件只有当前页面的样式, 但是打包后生成的是一个样式文件

点开查看后面3条评论