uni-app wxs编译到小程序js文件空白

uni-app wxs编译到小程序js文件空白

示例代码：

文档中的示例代码 https://uniapp.dcloud.net.cn/tutorial/miniprogram-subject.html#wxs

操作步骤：

复制文档中的示例代码 运行到小程序 https://uniapp.dcloud.net.cn/tutorial/miniprogram-subject.html#wxs

预期结果：

正常编译

实际结果：

js文件空白

bug描述：

wxs编译到小程序js文件空白，h5、app正常

https:https://www.itying.com/uniimg.php?url=https://img-cdn-tc.dcloud.net.cn/uploads/questions/20240308/870a26105126abd74ca40009cbb783bf.png

https:https://www.itying.com/uniimg.php?url=https://img-cdn-tc.dcloud.net.cn/uploads/questions/20240308/be6c672eb32dea8fcf149d6febbe2934.png


更多关于uni-app wxs编译到小程序js文件空白的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

放弃了没人管

更多关于uni-app wxs编译到小程序js文件空白的实战教程也可以访问 https://www.itying.com/category-93-b0.html


很离谱，单独复制了一份改了个名 删除wxs部分代码 能正常编译了，再把wxs加上就好了

在 Uni-app 中使用 WXS（WeiXin Script）时，如果编译到小程序后发现生成的 JS 文件是空白的，可能是以下原因导致的。以下是一些常见的排查和解决方法：

1. WXS 文件路径问题

  • 确保 WXS 文件的路径在 script 标签中正确引用。
  • 例如：
    <wxs src="./utils.wxs" module="tools"></wxs>
  • 检查 utils.wxs 文件是否存在，路径是否正确。

2. WXS 文件语法问题

  • WXS 语法与 JavaScript 类似，但不完全一致。确保 WXS 文件中的语法正确。
  • 例如，WXS 不支持 ES6+ 语法，如 let、const、箭头函数等。
  • 示例：
    // utils.wxs
var formatTime = function(time) {
  return time.toFixed(2);
};
module.exports = {
  formatTime: formatTime
};

3. WXS 文件未正确引入

  • 确保 WXS 文件在小程序的页面或组件中正确引入，并且 module 名称唯一。
  • 例如：
    <view>{{tools.formatTime(123)}}</view>
<wxs src="./utils.wxs" module="tools"></wxs>

4. 编译配置问题

  • 检查 vue.config.js 或 manifest.json 中是否有影响 WXS 编译的配置。
  • 确保没有配置错误导致 WXS 文件被忽略或处理异常。

5. Uni-app 版本问题

  • 确保使用的是最新版本的 Uni-app。旧版本可能存在对 WXS 支持不完全的问题。
  • 更新 Uni-app：
    npm install -g @vue/cli @dcloudio/uni-cli
回到顶部