首页 / VUE / vue-cli莫名其妙的警告

vue-cli莫名其妙的警告

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了vue-cli莫名其妙的警告，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1810字，纯文字阅读大概需要3分钟。

内容图文

好久没有写笔记了,看着以前写的笔记有很多不合理的地方也没有去改正,这里抽空记录一个vue-cli莫名其妙的警告,虽然现在我也是一脸懵逼,但是还好把问题处理了.

出现的的问题是:

项目运行时出现警告

This relative module was not found:

* ./Home/HomePage/HomePage.less in ./src/components lazy ^\.\/.*$,

但是less是起作用了的.

这个问题百度也没有百度出来,折腾了半天,只好自己想办法,还好在群里热心大佬们耐心的帮我找问题,给了我很多提示,最终解决掉,在这里还要感谢群里的大佬们.

项目用的vue-cli,less,lib-flexible,px2rem-loader

先贴代码;

这是目录结构:

技术分享图片

这是router.js文件里的代码

             1 import Vue from ‘vue‘;
 2 import vueRouter from ‘vue-router‘;
 3Vue.use(vueRouter);
 4 const asyncCompont = path => import(`@/components/${path}`);
 5 let router = new vueRouter({
 6     mode:‘history‘,
 7    routes:[
 8        {
 9             path: ‘/home‘,
10             name: ‘Home‘,
11             component: () => asyncCompont(‘Home/HomePage/HomePage‘),
12            meta: {
13                 index: 1,
14            }
15        },
16    ]
17});
18 export default router;

HomePage.vue中

             1 <template>
 2     <div class="HomePage">aaa</div>
 3 </template>
 4 <script>
 5 export default {
 6     name:‘HomePage‘,
 7    data(){
 8return{
 910        }
11    },
12    methods:{
1314    }
15}
16 </script>
17 <style lang="less">
18     @import ‘./HomePage.less‘;
19 </style>

HomePage.less中

            1
            .HomePage{

            2
                color: #ff0000;

            3 }
当引入HomePage.less时,npm中出现警告

技术分享图片

开始以为是配置原因,找了很久,比对以前做的项目都没问题,

后来在控制台看见提示

技术分享图片 

以为是没有安装style-loader,然后我就安装了他,结果报一堆错误出来,吓得我赶快又把他卸载了,
后来群里的大佬提示可能路由文件router.js里面的写法有问题,当时在想以前的项目都是这么写的都没问题,但是说loader版本都不一样,不能拿以前的项目来比对,想想也有道理.
这里也提醒一下,同样的写法以前的项目没问题,并不说明下一个项目这样写也一样没问题,因为各种插件更新换代太快,
后来把router.js改成这样
import Vue from ‘vue‘;
import vueRouter from ‘vue-router‘;
Vue.use(vueRouter);
let router = new vueRouter({
    mode:‘history‘,
    routes:[
        {
            path: ‘/home‘,
            component: r => require([‘../components/Home/HomePage/HomePage‘], r)  // 异步加载组件        },
    ]
});
export default router;

,果然警告就没有了.

虽然只是处理一个小小的警告,本人愚钝,也折腾了一两小时,在这个追求高效率,高质量的的年代,时间就等于金钱啊.

不过目前也并不太清楚这个为什么会出现这个警告,还望知道的大佬们留言

原文：https://www.cnblogs.com/gping/p/10362189.html

内容总结

以上是互联网集市为您收集整理的vue-cli莫名其妙的警告全部内容，希望文章能够帮你解决vue-cli莫名其妙的警告所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1191755.html

来源：【匿名】