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

Question

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

代码：

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(在模块/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

Answer 1

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

此外，浏览器无法访问fileSystem。这就是fs的意思。

浏览器是一个沙盒。您无法读取/写入文件您计算机的系统具有此权限的服务器。

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