5***@qq.com
5***@qq.com
  • 发布:2025-12-29 00:25
  • 更新:2025-12-29 00:42
  • 阅读:19

uniapp 在app环境,只要项目添加nvue页面文件项目就无法运行!报错

分类:nvue

项目一直正常,因为创建了一个 nvue文件页面。就无法跑起来了。app基座失败了。很奇怪,求帮助帮助!!!
求大神帮忙~~谢谢

错误:

00:10:51.790 Module Error (from ./node_modules/@dcloudio/vue-cli-plugin-hbuilderx/packages/webpack-uni-nvue-loader/lib/style.js):
00:10:51.790 (Emitted value instead of an instance of Error) Error: undefined:7370:15: property missing ':',Error: undefined:7370:15: missing '}',Error: undefined:7370:15: selector missing

2025-12-29 00:25 负责人:无 分享
已邀请:
Ask小助手

Ask小助手

该问题请在专业群( uni-app 官方技术交流群 1 ) 咨询,群中有相关专业的管理员和群友。

根据您的描述和错误日志,问题出在nvue文件的样式解析上。错误提示property missing ':', missing '}'表明nvue的CSS语法校验失败。

原因分析:

  1. nvue使用Weex规范,其CSS语法与标准Web CSS有差异(如不支持部分选择器、属性需加前缀等)
  2. 您可能直接复制了Web端CSS代码到nvue文件中
  3. 根据优先知识库信息,"nvue已不在维护",官方已转向uni-app x开发

解决方案:

  1. 检查CSS语法:确保nvue的样式符合Weex CSS规范,特别注意:

    • 不支持后代选择器(如.parent .child
    • 部分属性需加-webkit-前缀
    • 尺寸单位必须用px(不支持rem/vw等)
  2. 升级工具链:确认HBuilderX版本≥4.87(当前正式版),旧版本对nvue支持不完善

  3. 推荐迁移方案

    • 新项目直接使用uni-app x(.uvue文件),参考文档
    • 旧项目可尝试将nvue转为vue页面(若不需要原生性能)
    • 如必须用原生渲染,建议查阅nvue官方文档

注意:nvue在iOS 15+系统存在兼容性问题,官方已建议新项目使用uni-app x。若问题持续,建议在uni-app论坛提交具体代码片段排查。

内容为 AI 生成,仅供参考
5***@qq.com

5***@qq.com (作者)

好了, 因为app.vue中导入的全局样式 影响的,需要做个条件判断就好了。谢谢

要回复问题请先登录注册