关于在html中直接引入less文件遇到的小问题

由于想直接在html页面上调用less文件，所以直接在代码上直接引入

   <script src="bower_components/less/dist/less.js"></script>
   <link rel="stylesheet" href="less/route.less">

　结果，控制台显示：Less has finished and no sheets were loaded.　

然后我将less.js文件和less文件的位置调换了下，没有发生任何改变 -。-

 

再接着，我在link的rel属性里改变了下

 <link rel="stylesheet/less" href="less/route.less">
 <script src="bower_components/less/dist/less.js"></script>

　　问题就这样解决了，当我把上述没问题的代码调换顺序，

结果。。。。。又会打印出Less has finished and no sheets were loaded.~~