[Tauri+vite+ts] 关于Tauri中fs无法读写文件问题的解决方案与fs的调用的探究

“tauri-app/api版本^1.0.2”  

日常抽风导致进不去的官方地址https://tauri.app/v1/api/js/modules/fs

fs的权限问题

相关参考https://github.com/tauri-apps/tauri/issues/4130

切记切记,要在这里做修改

 修改如图

"fs": {
        "scope": ["*"]
      }

 scope按照我  “自己的理解”  是给予程序操作权限,要是不写,会报错:

 中文:配置的作用域上不允许未捕获(承诺中)路径

英文:Uncaught (in promise) path not allowed on the configured scope

 其中  ["*"]  代表所有的盘都给予操作权限,

又可以写为,(俺没有试过直接用路径E:/xxx/xxx的方法)

"scope": ["$DATA/*"]
"scope": ["$DESKTOP/*"]
"scope": ["$DESKTOP/**"]

//参考
https://solveforum.com/forums/threads/solved-rust-uncaught-in-promise-path-not-allowed-on-the-configured-scope.1299245/

https://solveforum.com/forums/threads/solved-tauri-window-__tauri__-fs-readdir-is-unable-to-read-directory-error-path-not-allowed-on-the-configured-scope.744611/

fs的调用

import {fs} from '@tauri-apps/api'

加上花括号能更简便的调用里面的方法,如

fs.readTextFile('app.conf', { dir: BaseDirectory.App })
fs.readTextFile(FilePath)

 若是不加上

import fs from '@tauri-apps/api'

使用该方法会报错:

### 将 Tauri Vue3 和 Vite 集成 #### 创建 Tauri 应用程序 为了创建一个新的 Tauri 应用程序,首先需要安装 Rust 编译环境[^3]。完成之后可以利用 `tauri-cli` 来初始化新项目。 ```bash npm create tauri@latest my-app --template vue-vite cd my-app ``` 这段命令会基于官方推荐的模板建立一个集成了 Vue3 和 ViteTauri 项目结构。 #### 安装依赖项 进入项目的根目录后执行如下命令来安装必要的 Node.js 以及 Rust 依赖: ```bash npm install pnpm install # 或者使用 pnpm 如果已安装 cargo build --release ``` 这些操作确保前端框架 (Vue3, Vite) 及其构建工具链被正确设置好,并准备好用于开发模式下的快速迭代或是生产环境中打包发布。 #### 修改 vite.config.ts 文件适应 Tauri 构建流程 对于采用 Vite 构建的应用来说,在 `vite.config.ts` 中做一些调整可以帮助更好地配合 Tauri 工作流: ```typescript import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' export default defineConfig({ plugins: [ vue(), ], base: './', // 设置资源的基础路径为当前文件夹下 }) ``` 此配置使得静态资产能够按照预期加载而不会因为相对 URL 解析错误导致找不到文件的情况发生。 #### 开发调试 启动应用程序进行测试之前,请确认已经成功编译了 Rust 端部分 (`cargo build`) 并且所有的 JavaScript/CSS 资源都已经被处理完毕(`npm run dev`) 。此时应该可以在浏览器里看到由 Vue 渲染出来的界面并之交互;此同时也可以通过运行 `npx tauri dev` 命令开启桌面应用版式的实时预览功能。 #### 打包发行 当完成了所有特性实现并且经过充分测试以后就可以准备将产品部署出去供最终用户下载安装了。为此只需简单地调用下面这条指令即可触发整个打包过程: ```bash npx tauri build ``` 它将会把 Webpack/Vite 输出的内容嵌入到可执行文件内部从而形成独立分发单元。
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值