uni-app vue3-ts 自动重启

uni-app vue3-ts 自动重启

开发环境 版本号 项目创建方式
Windows windows11 CLI

产品分类：uniapp/App

PC开发环境操作系统：Windows

手机系统：Android

手机系统版本号：Android 12

手机厂商：小米

手机机型：redmi k30

页面类型：nvue

vue版本：vue3

打包方式：云端

CLI版本号：3.0.0-alpha-3040820220424001

示例代码：

export const setWall = (path) => { uni.showLoading({ title: “壁纸设置中”, }); let WallpaperManager = plus.android.importClass( “android.app.WallpaperManager” ); let Main = plus.android.runtimeMainActivity(); let wallpaperManager = WallpaperManager.getInstance(Main); plus.android.importClass(wallpaperManager); let BitmapFactory = plus.android.importClass( “android.graphics.BitmapFactory” ); let filePath = plus.io.convertLocalFileSystemURL(path); let bitmap = BitmapFactory.decodeFile(filePath); try { wallpaperManager.setBitmap(bitmap); //设置壁纸 // wallpaperManager.setBitmap(bitmap, null, true, WallpaperManager.FLAG_LOCK); //设置锁屏 uni.hideLoading(); return; uni.showToast({ icon: “success”, title: “壁纸设置成功”, }); } catch (e) { uni.hideLoading(); return; uni.showToast({ icon: “error”, title: “壁纸设置失败”, }); } };


操作步骤：


设置壁纸重启

预期结果：

不重启


实际结果：


重启

bug描述：

不停的重启


更多关于uni-app vue3-ts 自动重启的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app vue3-ts 自动重启的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在开发 uni-app 项目时，使用 Vue 3 和 TypeScript 组合时，可能会遇到需要自动重启开发服务器的情况。以下是一些常见的方式来确保开发服务器能够自动重启，并且能够处理 TypeScript 文件的变化。

1. 使用 npm scripts 自动重启

你可以在 package.json 中配置 npm scripts 来启动开发服务器，并通过一些工具实现自动重启。

{
  "scripts": {
    "serve": "cross-env NODE_ENV=development uni-app serve --watch",
    "build": "cross-env NODE_ENV=production uni-app build"
  }
}

--watch 参数可以让 uni-app 在文件变化时自动重新编译。

2. 使用 nodemon 实现自动重启

nodemon 是一个用于监控文件变化并自动重启 Node.js 应用的工具。你可以通过以下步骤来配置 nodemon：

  1. 安装 nodemon：

    npm install nodemon --save-dev

  2. 在项目根目录下创建一个 nodemon.json 配置文件：

    {
  "watch": ["src"],
  "ext": "vue,ts,js,json",
  "ignore": ["node_modules"],
  "exec": "npm run serve"
}

  3. 修改 package.json 中的 scripts：

    {
  "scripts": {
    "serve": "uni-app serve",
    "dev": "nodemon"
  }
}

  4. 运行开发服务器：

    npm run dev

3. 使用 ts-node-dev 实现自动重启

ts-node-dev 是一个专门用于 TypeScript 项目的开发工具，它可以在文件变化时自动重启服务器。

  1. 安装 ts-node-dev：

    npm install ts-node-dev --save-dev

  2. 修改 package.json 中的 scripts：

    {
  "scripts": {
    "serve": "ts-node-dev --respawn --transpile-only uni-app serve"
  }
}

  3. 运行开发服务器：

    npm run serve

4. 使用 vite 开发服务器

如果你使用的是 vite 作为开发服务器，vite 本身就支持热更新和自动重启。

  1. 确保你使用的是 vite 版本的 uni-app 模板。

  2. 运行开发服务器：

    npm run dev

    vite 会自动监听文件变化并重新编译。

5. 使用 webpack 开发服务器

如果你使用的是 webpack 作为打包工具，webpack-dev-server 也支持热更新和自动重启。

  1. 确保你使用的是 webpack 版本的 uni-app 模板。

  2. 运行开发服务器：

    npm run serve
回到顶部