fs.writeFile 在新创建的 vue 项目中不起作用[重复]

Posted 2023-02-22

【中文标题】fs.writeFile 在新创建的 vue 项目中不起作用[重复]

【英文标题】：fs.writeFile not working in newly created vue project [duplicate]

【发布时间】：2020-11-17 14:19:17

【问题描述】：

我使用 vue cli 创建了一个新的 Vue 项目。现在，当我在 main.js 中添加文件写入代码时，它给出了错误。

代码：

const fs = require('fs') ;
  
// Data which will write in a file. 
let data = "Learning how to write in a file.";
  
// Write data in 'Output.txt' . 
fs.writeFile('Output.txt', data, (err) =>  
      
    // In case of a error throw err. 
    if (err) throw err; 
) ;

错误： 未捕获的类型错误：fs.writeFile 不是函数 在 eval (main.js?56d7:20) 在 Module../src/main.js (app.js:1217) 在 webpack_require (app.js:854) 在 fn (app.js:151) 在 Object.1 (app.js:1278) 在 webpack_require (app.js:854) 在 checkDeferredModules (app.js:46) 在 app.js:994 在 app.js:997

【问题讨论】：

所以您尝试在浏览器中使用文件系统fs？顺便说一句，女巫是不可能的，只能在 nodejs 中使用

我已经写在js文件里了。有什么办法可以用 javascript 写文件吗？

在浏览器中，没有

可以提示用户下载文件，更多信息请到this question。

非常感谢您的回复。

【参考方案1】：

你需要知道 require 是在 node.js 中使用的，而不是在浏览器中。 在浏览器中我们使用import ... from ...

此外，浏览器无法访问文件系统。这就是fs 的意思。

浏览器是一个沙盒。你不能读/写你计算机的文件系统这个权限有一个服务器。

访问文件系统是一个巨大的漏洞