vue-项目中less报错 Module build failed: TypeError: loaderContext.getResolve is not a function问题解决以及安装less

    科技2022-09-04  107

    vue-项目中less报错 Module build failed: TypeError: loaderContext.getResolve is not a function问题解决以及安装less

    报错参考文档: 1.查看你的package.json文件1.1安装less1.2 打开build目录1.3 下载依赖1.4 然后启动项目2 (loaderContext.getResolve is not a function问题解决)2.1 降低版本(解决问题)2.2 修改完成以后,重新执行命令3 问题解决

    报错

    UnhandledPromiseRejectionWarning: TypeError: loaderContext.getResolve is not a function UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a pr omise which was not handled with .catch(). (rejection id: 1) (node:6572) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non -zero exit code.

    参考文档:

    参考文档

    1.查看你的package.json文件

    看你是否安装了less

    "less": "^3.12.2", "less-loader": "^4.1.0",

    1.1安装less

    用cnpm或者npm都可以

    npm install less less-loader --save

    1.2 打开build目录

    在【build】文件下的【webpack.base.conf.js】文件中【rules】中加入

    { test: /\.less$/, loader: "style-loader!css-loader!less-loader" }

    (根据自己需求)在你自己页面【style】标签里面写上【lang=“less”】

    <style lang="less"> industry-pro{width: 100%; height: 600px;} </style>

    1.3 下载依赖

    cnpm i

    1.4 然后启动项目

    cnpm run dev

    2 (loaderContext.getResolve is not a function问题解决)

    2.1 降低版本(解决问题)

    然后修改版本

    cnpm run dev

    2.2 修改完成以后,重新执行命令

    cnpm i

    然后启动项目

    3 问题解决

    希望能够帮到您

    Processed: 0.013, SQL: 9