微信小程序新建页面没有js只有ts，多了miniprogram文件夹

于 2024-08-11 20:50:21 发布
阅读量342 收藏 1
点赞数 2
分类专栏： 微信小程序 文章标签： 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xioxiwang/article/details/141111548
版权

1.项目结构变成了这样

2.原因：在新建项目时选择了第一个typescript模板，改为选择第二个JavaScript即可

xioxiwang
关注
专栏目录
微信小程序设计之主体文件app-ts/js
珞瑜的博客
10-23 2045
老版本是app.js，现在新版本是app.ts。所以看书上写的基本是app.js，内容适用于app.ts。app.js/ts 文件是小程序的全局逻辑文件。// app.ts// 展示本地存储能力// 登录wx.login({// 发送 res.code 到后台换取 openId, sessionKey, unionId},})},})// app.ts})由此可见，所有内容都写在 App（）函数内部，并且彼此之间用逗号隔开。微信小程序开发笔记_珞瑜·的博客-CSDN博客。
微信开发工具ts和js文件冲突
热门推荐
柠檬人的博客
01-11 1万+
如果创建了微信小程序使用了typescript来初始化项目，然后在文件夹中新建了js文件的话，微信开发工具会先读取ts文件中的内容，除非ts文件中没有内容才会去读取js文件。 所以只要把ts文件删除或者清空内容；就能正常运行js文件了。 ...
微信小程序构建npm（js和ts）
苦夏木禾
06-01 2925
微信小程序构建npm（js和ts）
Vue反应,微信小程序,快应用,TS,高雅,JS一把梭
01-26
内容 Vue，React，微信小程序，快应用，TS , Koa和JS 一把梭。 star ^_^欢迎star,你的star是我更新的动力^_^ 目录 mini-program-demo：小程序 demo mini-program-template：小程序 template react-koa：react+koa 的全栈demo react-mobile：react 的移动端 demo dva-umi-template：dva和umi 的 pc端 template js:原生 js 分析源码 react-pc-template：react 的 pc端 template react-pc-skill：react 的 pc端技巧整理 vue-demo：vue 的 pc 端 demo vue-mobile：vue 的移动端端 demo vue-mobile-template：vue 的移动端端 t
微信小程序（一）
瑞萌萌会跳折翼舞的博客
01-22 7195
视频地址： https://www.bilibili.com/video/BV1nE41117BQ?from=search&seid=137118609700337857 AppID(小程序ID) wx65cecec8023d6b08 官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/ 基本的项目结构 9 样式WXSS 9.2 样式导入 9.3 选择器 特别需要注意的是 ⼩程序 不⽀持通配符 * 因此以下代码⽆
微信小程序-使用TypeScript开发微信小程序
08-06
使用TypeScript开发小程序 运行 使用微信web开发者工具新建一个小程序项目，项目目录选择dist目录，该目录是ts源文件编译后存放的目录。 开发 $ git clone git@github.com:linguofeng/wxapp-typescript.git $ cd wxapp-typescript $ npm install -g gulp typescript $ yarn $ code . $ gulp watch 主要原理 通过Gulp工具调用tsc编译ts源文件，其它文件通过gulp的watch进行拷贝。 第三库是通过package.json文件描述，拷贝相关文件到dist/libs，并修改require引用的路径实现。 TODOS: [x] 加入第三方库支持 [x] 支持Redux [x] 支持rxjs [x] 支持moment [x] 支持bluebird [x] 支持redux-observable
微信小程序 实例汇总 完整项目源代码
11-01
2. **页面生命周期**：每个小程序页面都有其独特的生命周期，包括onLoad、onShow、onReady、onHide、onUnload等方法，开发者需要理解并合理利用这些方法来管理页面状态。 3. **数据绑定**：微信小程序使用MVVM...
微信小程序官方小程序示例源码
12-18
6. **生命周期方法**：每个微信小程序页面都有其特定的生命周期，如onLoad、onShow、onHide等，开发者可以在这些方法中编写相应代码来处理页面的加载、显示、隐藏等事件。 7. **数据绑定和状态管理**：通过双括号{{...
扫描条形码_微信小程序模板js代码前台前端H5页面源码.rar
08-09
"扫描条形码_微信小程序模板js代码前台前端H5页面源码.rar" 这个标题和描述明确指出，这个压缩包包含的是一套用于微信小程序的模板，主要用于实现条形码扫描功能。这里的关键词是“条形码扫描”、“微信小程序”、...
基于微信小程序的点餐系统设计与实现 毕业论文.docx
04-30
本文档是一篇关于基于微信小程序的点餐系统设计与实现的毕业论文，旨在利用微信小程序这一日益普及的技术，优化餐厅点餐流程，提供便捷的在线点餐服务。论文详细介绍了系统的开发背景、技术选型、需求分析、系统设计...
TS和JS的差异；ts与js的不同；ts对比js的优势
weixin_43286206的博客
07-06 4213
TS（TypeScript）是JavaScript的超集，它提供了静态类型检查、类和接口等面向对象编程特性，并且编译成JavaScript运行在浏览器或者Node.js环境中。兼容性：TS可以编译成ES5、ES6、ES7等不同版本的JavaScript，可以兼容各种浏览器和Node.js。更好的代码维护性：TS支持模块化、命名空间、接口等特性，使得代码更加可读、可维护、可扩展。面向对象编程：TS支持类、继承、抽象类、接口等面向对象编程特性，让代码更加灵活和易于扩展。
微信小程序中miniprogram_npm文件夹怎么生成的(详解)
蓝胖子的博客
12-21 2294
微信小程序中miniprogram_npm文件夹怎么生成的(详解)
微信小程序ts脚手架
光
03-09 3715
项目地址：miniprogram-ts-demo 项目介绍 小程序手脚架，除原生小程序技术外，引入了ts、scss、iconfont，集成了webpack，实现一键启动ts、scss监听编译，详见/package.json.script 启动准备 安装node.js、微信开发者工具 启动方式 安装依赖：npm install 或 yarn install 启动开发监听：npm run start ...
ts详解和js区别
你还有我
06-04 8934
ts和js区别 阮一峰ts官网http://ts.xcatliu.com/introduction/what-is-typescript.html ts官网https://www.tslang.cn/docs/home.html
微信小程序打开项目报错: @vant/weapp/nav-bar/index/index 路径下未找到组件, package.json 对应的 node_modules 不存在
最新发布
yuiezt的专栏
07-08 484
出现上述原因是，组件库没有正确安装或者安装位置不正确。
JS与TS的主要区别？
laowang357的博客
12-19 5462
1. 静态类型检查：TS 支持静态类型检查，它可以在编译时检查类型错误，从而减少运行时错误和调试时间。而 JS 是动态类型语言，类型检查是在运行时进行的。4. 工具支持：TS 提供了更好的开发工具支持，包括代码编辑器、调试器和自动化构建工具等。5. 学习成本：相对于 JS，TS 有一定的学习成本，需要掌握额外的语法和类型系统。2. 类和接口：TS 支持类和接口，这些是 JS 不支持的概念。总之，TS 相对于 JS 增加了类型检查、类和接口等特性，提高了代码质量和可维护性，但是需要一定的学习成本。
微信小程序第二章 开发基础
weixin_75196954的博客
03-08 1040
在Page()函数的参数中，可以定义当前页面的生命周期函数。页面的生命周期函数主要有onLoad、onShow、onReady、onHide、onUnload。a：onLoad 页面加载函数。当页面加载完成后调用该函数。一个页面只会调用一次。该函数的参数可以获取wx.navigateTo和wx. redirectTo及中的query。b：onShow 页面显示函数。当页面显示时调用该函数。每次打开页面都会调用一次。onReady 页面数据绑定函数。
微信小程序中如何使用Hls.js
06-10
在微信小程序中使用Hls.js，您需要先将Hls.js打包成小程序可以使用的模块。 1. 下载Hls.js的源代码并解压缩，进入根目录，执行以下命令： ``` npm install npm run build ``` 2. 执行完上述命令后，会在dist目录下生成hls.js和hls.min.js两个文件，将这两个文件拷贝到小程序项目的目录中。 3. 在小程序页面的js文件中引入hls.min.js文件，并创建一个Hls对象： ``` javascript import Hls from './hls.min.js'; Page({ data: { ... }, onReady: function() { // 获取video组件实例 this.videoContext = wx.createVideoContext('myVideo'); // 创建Hls对象 this.hls = new Hls(); // 监听Hls状态变化事件 this.hls.on(Hls.Events.MANIFEST_PARSED, () => { // 将Hls对象绑定到video组件上 this.videoContext.src = this.hls.url; this.videoContext.play(); }); // 加载m3u8文件 this.hls.loadSource('http://example.com/path/to/playlist.m3u8'); }, ... }); ``` 4. 在小程序页面的wxml文件中添加video组件，并设置id和src属性： ``` xml <video id="myVideo" src="" controls></video> ``` 5. 在小程序页面的wxss文件中设置video组件的样式： ``` css video { width: 100%; height: 100%; } ``` 6. 运行小程序，即可播放m3u8文件。 需要注意的是，Hls.js需要在支持WebAssembly的环境下运行，因此在微信小程序中需要使用支持WebAssembly的开发者工具进行开发和调试。同时，Hls.js在解析m3u8文件时需要请求多个ts文件，因此需要保证网络状况良好，否则容易出现卡顿和播放不流畅的情况。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值