wx wepy项目编译运行报:./app.wxss unexpected “�“ at pos 1

本文分享了在wepy项目中遇到的打包错误及其两种解决方案:格式化报错文件重新加载,以及修改wepy.config.js配置文件中的编译器设置。

上图   

遇到这个错误的时候一脸懵逼,  

刚开始的时候,自己看了看报错的文件,发现没问题  因为项目之前一直好好的. 有两种解决办法 :

1. 格式化报错文件(打包过后的)  重新加载   就好了   (缺点每次打包都需要重新格式化)

2. wepy项目下的wepy.config.js文件

compilers: {
    less: {
      compress: prod
    },
    sass: {
      // 展开输出方式 expanded 
      // 压缩输出方式 compressed
      // 二种方式使用expanded   使用compressed可能会出错
      // outputStyle: 'expanded',
    },
    babel: {
      sourceMap: true,
      presets: [
        '@babel/preset-env'
      ],
      plugins: [
        '@wepy/babel-plugin-import-regenerator'
      ]
    }
  },

 

微信小程序 WXSS 编译错误通常与样式表文件中的语法错误有关。根据错误提示 `unexpected `` at pos 429`,这表明在 `index.wxss` 文件的第 429 个字符位置存在一个意外字符,导致编译器无法正确解析文件内容。 ### 错误分析 1. **意外字符问题**:这种错误通常由非法字符或格式错误引起,例如: - 文件中存在隐藏的特殊字符(如零宽空格、非断行空格等)。 - 使用了不支持的语法或符号,例如非法的转义字符。 - 文件编码问题,例如文件保存格式不兼容 UTF-8。 2. **文件位置问题**:如果文件路径或文件名包含非法字符,也可能导致编译失败。 3. **文件损坏**:文件在保存或传输过程中可能已损坏,从而导致内容异常。 ### 解决方案 1. **检查并修复非法字符**: - 使用支持显示隐藏字符的编辑器(如 VS Code)打开 `index.wxss` 文件。 - 检查第 429 个字符附近的内容,查看是否存在非法字符或格式错误。 - 删除或替换非法字符,例如将隐藏的特殊字符替换为空格。 2. **验证文件编码**: - 确保文件保存为 UTF-8 编码。在编辑器中选择“另存为”,并设置编码为 UTF-8。 3. **检查文件路径和文件名**: - 确保文件路径和文件名中不包含特殊字符或中文字符。 - 如果路径过长,尝试缩短路径以避免潜在问题。 4. **重新生成 WXSS 文件**: - 删除当前的 `index.wxss` 文件。 - 使用微信开发者工具重新创建一个新的 WXSS 文件,并将内容逐步迁移过去。 5. **清理缓存并重新编译**: - 清理微信开发者工具的缓存文件。 - 重新编译项目以确保错误已修复。 6. **检查语法错误**: - 如果文件中存在复杂的 CSS 选择器或样式规则,确保语法正确。 - 避免使用不支持的 CSS 特性,例如某些高级 CSS3 功能。 7. **使用代码校验工具**: - 使用 CSS 校验工具(如 W3C CSS Validator)检查文件内容是否有语法错误。 ### 示例:修复非法字符 假设 `index.wxss` 文件中存在以下非法字符: ```css .container { width: 100%``; } ``` 修复后的代码应删除非法字符: ```css .container { width: 100%; } ``` ### 示例:重新生成 WXSS 文件 1. 删除现有的 `index.wxss` 文件。 2. 在微信开发者工具中,右键点击页面目录,选择“新建页面”或“新建组件”。 3. 自动生成新的 WXSS 文件,并将样式规则逐步迁移至新文件中。 通过上述步骤,可以有效解决 WXSS 编译错误问题,并确保项目顺利运行
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值