uni-app 预编译器错误：代码使用了less语言，但未安装相应的编译器插件，正在从插件市场安装该插件

uni-app 预编译器错误：代码使用了less语言，但未安装相应的编译器插件，正在从插件市场安装该插件

操作步骤：

  • 运行 -> 运行到小程序模拟器 -> 微信开发者工具

预期结果：

  • 能够正常运行即可

实际结果：

  • 报错
  • 08:57:41.267 TypeError: Cannot read properties of undefined (reading ‘includes’)
  • 08:57:41.267 at C:\Users\Administrator\Desktop\HBuilderX\plugins\uniapp-cli\bin\uniapp-cli.js:53:21
  • 08:57:41.274 at processTicksAndRejections (node:internal/process/task_queues:96:5)
  • 08:57:41.279 预编译器错误：代码使用了less语言，但未安装相应的编译器插件，正在从插件市场安装该插件:
  • 08:57:41.281 https://ext.dcloud.net.cn/plugin?name=compile-less at pages\index\bannerWebView.vue:1

bug描述：

  • 无法运行
  • 08:57:41.267 TypeError: Cannot read properties of undefined (reading ‘includes’)
  • 08:57:41.267 at C:\Users\Administrator\Desktop\HBuilderX\plugins\uniapp-cli\bin\uniapp-cli.js:53:21
  • 08:57:41.274 at processTicksAndRejections (node:internal/process/task_queues:96:5)
  • 08:57:41.279 预编译器错误：代码使用了less语言，但未安装相应的编译器插件，正在从插件市场安装该插件:
  • 08:57:41.281 https://ext.dcloud.net.cn/plugin?name=compile-less at pages\index\bannerWebView.vue:1
  • 和builder下3.99 版本，已经重启了多次电脑，

Image


更多关于uni-app 预编译器错误：代码使用了less语言，但未安装相应的编译器插件，正在从插件市场安装该插件的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app 预编译器错误：代码使用了less语言，但未安装相应的编译器插件，正在从插件市场安装该插件的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在 uni-app 开发过程中，如果你使用了 .less 文件作为样式语言，但项目中未安装相应的编译器插件，你会遇到类似“代码使用了 less 语言，但未安装相应的编译器插件”的错误提示。uni-app 会自动提示你从插件市场安装所需的插件。

解决方法：

  1. 安装 less 编译器插件
    根据提示，你可以通过以下方式安装 less 编译器插件：

    • 在 HBuilderX 中，点击错误提示中的链接，跳转到插件市场安装 less 插件。
    • 或者手动在 HBuilderX 的插件市场搜索 less，找到并安装 less 编译器插件。

  2. 通过 npm 安装 less 和 less-loader
    如果你使用的是 npm 或 yarn 管理依赖，可以通过以下命令安装 less 和 less-loader：

    npm install less less-loader --save-dev
# 或者
yarn add less less-loader --dev

  3. 配置 vue.config.js（如果需要）
    如果你的项目是基于 vue-cli 创建的，可能需要手动在 vue.config.js 中配置 less-loader：

    module.exports = {
  css: {
    loaderOptions: {
      less: {
        // 配置项
      }
    }
  }
};
回到顶部