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

BioLinua

已于 2022-08-13 22:32:08 修改

阅读量3.7k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Tauri+vite笔记文章标签：前端 vue.js

于 2022-08-13 22:28:23 首次发布

本文链接：https://blog.csdn.net/qq_37331806/article/details/126324926

Tauri+vite笔记专栏收录该内容

3 篇文章

订阅专栏

“tauri-app/api版本^1.0.2”

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

fs的权限问题

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

修改如图

"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'

使用该方法会报错：

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

BioLinua

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

tauri2文件资源访问和存储常见问题解决

12-18

1709

解决办法：配置os权限解决办法：配置权限解决办法：配置scope和权限"scope": {"allow": [},解决办法：配置权限。

tauri开发配置文件和文件夹访问路径问题

09-28

1193

比如我这里配置的是：即便是APPDATA下面的所有，但是我访问的却是里面的/assets文件夹内容，所以还是会报错，还是需要配置上"$APPDATA/assets/*"在开发tauri软件的时候，如果有用到文件夹访问等，很有可能会遇到这种错误，这是因为你的tauri配置文件没有配置这个文件夹的访问权限导致的。正确配置的：protocol里面的assetScope要和scope一样。注意：访问的时候，可能会报没有此文件的错误。这个时候再去访问：就可以了。

1 条评论您还未登录，请先登录后发表或查看评论

tauri-docs：所有tauri项目文档的来源

02-24

陶里文件该网站是使用现代静态网站生成器构建的。您可以通过查看Netlify构建并在其机器人注释中提到的Deploy预览来检查PR的状态。安装 $ yarn 当地发展 $ yarn start 此命令将启动本地开发服务器并打开浏览器窗口。大多数更改都实时显示，而无需重新启动服务器。请注意，在开发阶段仅支持英语，以缩短构建时间。建造 $ LANGUAGE=${language} yarn build --out-dir ./build/${language} 此命令将给定语言（默认为“ en”）的静态内容生成到build/${language}目录中，并且可以使用任何静态内容托管服务进行服务。要针对所有启用的语言进行构建，请使用： node build.js support-languages.js是包含Tauri文档站点已启用/目标语言的模块。至少翻译“入门”和大多

Tauri文件系统操作：桌面应用的核心能力(入门系列四)

最新发布

WEBRSS

04-26

1186

Tauri中一个超级重要的功能 - 文件系统操作。这可是Web应用和桌面应用最大的区别之

Tauri中fs无法读写文件问题的解决方案和报错问题总结

07-18

1633

然后到你的tauri配置文件里面看一下：其实配置*是不管用的，要配置相应的路径。然后保存，在项目里面获取下载路径：就可以获取到路径了。然后再次下载试试：就可以下载成功了。

Tauri 官方FS文档接口和尝试踩坑

豪先生的博客

08-28

3121

这里先写上tauri官方fs的文档链接。

什么？？Vite构建的项目不能使用path、fs模块？？？？

nuanua的博客

08-10

5304

path、fs等被认为是在浏览器环境中不需要的，因此被标记为外部模块（external module）。解决这个问题的一种常见方法是使用条件导入（conditional import）来在客户端和服务器端代码中使用不同的模块。通过使用条件导入，你可以在Vite中解决访问外部模块的问题，并根据需要在客户端和服务器端代码中使用不同的模块。），Vite会抛出一个错误，提示你不能在客户端代码中访问这个模块。如果不是，在客户端代码中我们使用一个硬编码的路径。当你在客户端代码中尝试访问一个被标记为外部模块的模块（如。

tauri2.0 使用fs模块获取任意目录及子目录和文件

路的博客

11-12

1367

由于官方的plugin-fs插件有权限限制，只能获取当前目录及子目录，获取多级目录会报权限错误，所以自己写个方法。

node fs模块读取文件 readFile、readFileSync、fsPromises.readFile、createReadStream

呆呆狗

12-29

8739

node fs模块读取文件 readFile、readFileSync、fsPromises.readFile、createReadStream

vite+vue3 图片路径出现@fs报错记录

北柒南笙

10-31

4135

vite+vue3 图片路径出现@fs报错记录，该如何处理呢？

解决node.js使用fs读取文件出错

weixin_30785593的博客

01-24

2637

今天配接口，使用fs模块读取json出现了错误'no such file or directory'，然后经查终于解决，特此记录。使用nodejs的fs模块读取文件时习惯用相对路径，但是运行的时候出现了上述的错误，原因就是fs模块读取文件的相对路径是以启动server.js的位置为基准的，而不是以server.js文件的位置。这就是这篇文章所要讲述的问题。并且n...

tauri2中报错Unhandled Promise Rejection: url not allowed on the configured scope: 配置可用请求scope

12-17

408

配置好之后重新启动就可以了。

vue转electron项目以及使用fs报错：Module not found: Error: Can‘t resolve ‘fs‘ in解决办法

feinifi的博客

09-16

2万+

vue项目转electron手动操作需要在命令行下运行vue add electron-builder，在使用node依赖开发桌面程序的时候，需要把node集成进来，配置nodeIntegration变量。

Tauri 应用中发送 http 请求

天问博客-专注于大前端技术

07-11

4024

最近基于Tauri和React开发一个用于http/https接口测试的工具Get Tools，其中使用了提供的fetchAPI，在开发调试过程中遇到了一些权限和参数问题，在此记录下来。

报`Uncaught (in promise)`错误解决办法

热门推荐

weixin_46721670的博客

09-26

6万+

使用了promise,但是在使用的过程中报错误，第一次遇到这种错误，所以在此记录下，方便以后解决问题只要在 new Promise 后面加上，就不会报错了。

tauri嵌入自定义目录/文件，并在代码中读取文件内容的操作流程

09-21

1485

在绑定了文件之后，可以在js中访问嵌入的文件或者在rust中读取嵌入的文件内容，详细的配置操作如下。然后就可以在代码中读取这个文件了。

Vite学习 -- 05

cp3_hxl的博客

05-19

1221

由于浏览器的缓存机制，静态资源名字只要不改，那么他就会直接用缓存的. 刷新页面: 请求的名字是不是同一个？hash算法: 将一串字符串经过运算的到一个新的乱码字符串。利用好hash算法可以让我们更好的去控制浏览器缓存机制.vite对静态资源基本上是开箱即用的. vite对svg依旧是开箱即用的.我们如果写的是相对路径 , 那么他会尝试去拼接成绝对路径.我们在main.js中引入文件的时候,一定会读文件.缺点: 没法很好的去表示层次丰富的图片信息.我们在前端领域里更多的是用svg去做图标.

《vite技术揭秘、还原与实战》第6节--defineConfig引发的问题思考与解决方案分析

sirsu_lick的博客

01-30

1893

上一节我们提供的配置文件没有相应的TypeScript类型定义，这对开发者是不友好的本节我们通过提供一个函数来优化这个问题。

橙点同学智能网联车安全员高级答案

03-29

智能网联汽车的安全员高级考试涉及多个方面的专业知识，包括但不限于自动驾驶技术原理、车辆传感器融合、网络安全防护以及法律法规等内容。以下是针对该主题的一些核心知识点解析： ### 关于智能网联车安全员高级考试的核心内容 #### 1. 自动驾驶分级标准国际自动机工程师学会（SAE International）定义了六个级别的自动驾驶等级，从L0到L5[^1]。其中，L3及以上级别需要安全员具备更高的应急处理能力。 #### 2. 车辆感知系统的组成与功能智能网联车通常配备多种传感器，如激光雷达、毫米波雷达、摄像头和超声波传感器等。这些设备协同工作以实现环境感知、障碍物检测等功能[^2]。 #### 3. 数据通信与网络安全智能网联车依赖V2X（Vehicle-to-Everything）技术进行数据交换，在此过程中需防范潜在的网络攻击风险，例如中间人攻击或恶意软件入侵[^3]。 #### 4. 法律法规要求不同国家和地区对于无人驾驶测试及运营有着严格的规定，考生应熟悉当地交通法典中有关自动化驾驶部分的具体条款[^4]。 ```python # 示例代码：模拟简单决策逻辑 def decide_action(sensor_data): if sensor_data['obstacle'] and not sensor_data['emergency']: return 'slow_down' elif sensor_data['pedestrian_crossing']: return 'stop_and_yield' else: return 'continue_driving' example_input = {'obstacle': True, 'emergency': False, 'pedestrian_crossing': False} action = decide_action(example_input) print(f"Action to take: {action}") ``` 需要注意的是，“橙点同学”作为特定平台上的学习资源名称，并不提供官方认证的标准答案集；建议通过正规渠道获取教材并参加培训课程来准备此类资格认证考试。