[plugin:vite:nvue-css] ERROR 这种nvue的报错在uni-app中如何屏蔽

操作步骤：

引入含有.nvue的组件

预期结果：

屏蔽报错警告

实际结果：

每次运行都报几百个 WARNING ERROR

bug描述：

信息类别	详细信息
产品分类	uniapp/App
PC开发环境	Mac
PC操作系统版本	macOS15.2 (24C101)
HBuilderX类型	正式
HBuilderX版本	4.45
手机系统	Android
手机系统版本	Android 12
手机机型	Pixel 8 Pro
页面类型	vue
vue版本	vue3
打包方式	离线
项目创建方式	HBuilderX

更多关于[plugin:vite:nvue-css] ERROR 这种nvue的报错在uni-app中如何屏蔽的实战教程也可以访问 https://www.itying.com/category-93-b0.html

nodeper 1楼

更多关于[plugin:vite:nvue-css] ERROR 这种nvue的报错在uni-app中如何屏蔽的实战教程也可以访问 https://www.itying.com/category-93-b0.html

针对[nvue-css]报错问题，可以通过以下方式屏蔽：

在vite.config.js中添加配置：

export default defineConfig({
  plugins: [
    uni({
      vueOptions: {
        compilerOptions: {
          isCustomElement: tag => tag.includes('uni-')
        }
      }
    })
  ]
})

或者直接忽略特定警告：

// vue.config.js
module.exports = {
  configureWebpack: {
    devServer: {
      client: {
        overlay: {
          warnings: false,
          errors: true
        }
      }
    }
  }
}

对于HBuilderX项目，可以在manifest.json中添加：

"h5": {
  "devServer": {
    "client": {
      "overlay": false
    }
  }
}