Failed to resolve loader: less-loader

具体的错误信息,如下图所示：

为什么会产生这个问题呢，原因是我在components目录下的index.vue组件中添加了style样式。

<style lang="less">
.index {
    padding: 0 20px 20px;
    box-sizing: border-box;

    h1,
    .text {
        text-align: left;
    }

    .footer {
        position: absolute;
        bottom: 0;
        left: 20px;
    }

    .btn {
        width: 100%;
        height: auto;
        color: #fff;
        background: #373737;
        margin: 10px 0 20px;
        padding: 15px;
        box-sizing: border-box;
        border-radius: 5px;
        font-size: 16px;
    }
}
</style>

 lang="less"代表说，在style节点中，支持less语法格式。

错误的原因呢就是解析加载程序失败:less-loader，需要我们安装它。

安装less-loader

cnpm install less less-loader --save-dev

如果还是不行,可以把项目关闭后重启运行之后输入了

cnpm install less-loader