Javascript 文件系统Nodejs:“;未捕获类型错误:fs.writeFileSync不是函数;

Javascript 文件系统Nodejs:“;未捕获类型错误:fs.writeFileSync不是函数;,javascript,node.js,webpack,fs,Javascript,Node.js,Webpack,Fs,我无法使用Nodejs的文件系统模块。我已经通过了很多论坛-应用了建议的修复-但我仍然不能使用fs 我的config.js文件包括以下内容: 这是我的主文件: ... var fs = require('fs'); ... onGo(e){ e.preventDefault(); var json = { foo: 'bar', qux: 'moo', poo: 123 } var xls = json2

我无法使用Nodejs的文件系统模块。我已经通过了很多论坛-应用了建议的修复-但我仍然不能使用fs

我的config.js文件包括以下内容:

这是我的主文件:

...

var fs = require('fs');

...
onGo(e){

    e.preventDefault();


    var json = {
        foo: 'bar',
        qux: 'moo',
        poo: 123
    }

    var xls = json2xls(json);

    //everything runs smoothly right until here

    fs.writeFileSync('data.xlsx', xls);  //fs is where trouble ensues

 }
我尝试过使用fs.write/fs.writeFile/etc,但“fs”总是生成类型错误


请帮帮我。谢谢。

不需要服务器端代码。解决方案:

onGo(e){

    e.preventDefault();


    var json = {
        foo: 'bar',
        qux: 'moo',
        poo: 123
    }

    JSONToCSVConvertor(json, 'some-data', true);

 }

function JSONToCSVConvertor(JSONData, ReportTitle, ShowLabel) {
    //If JSONData is not an object then JSON.parse will parse the JSON string in an Object
    var arrData = typeof JSONData != 'object' ? JSON.parse(JSONData) : JSONData;

    var CSV = '';    
    //Set Report title in first row or line

    CSV += ReportTitle + '\r\n\n';

    //This condition will generate the Label/Header
    if (ShowLabel) {
        var row = "";

        //This loop will extract the label from 1st index of on array
        for (var index in arrData[0]) {

            //Now convert each value to string and comma-seprated
            row += index + ',';
        }

        row = row.slice(0, -1);

        //append Label row with line break
        CSV += row + '\r\n';
    }

    //1st loop is to extract each row
    for (var i = 0; i < arrData.length; i++) {
        var row = "";

        //2nd loop will extract each column and convert it in string comma-seprated
        for (var index in arrData[i]) {
            row += '"' + arrData[i][index] + '",';
        }

        row.slice(0, row.length - 1);

        //add a line break after each row
        CSV += row + '\r\n';
    }

    if (CSV == '') {        
        alert("Invalid data");
        return;
    }   

    //Generate a file name
    var fileName = "MyReport_";
    //this will remove the blank-spaces from the title and replace it with an underscore
    fileName += ReportTitle.replace(/ /g,"_");   

    //Initialize file format you want csv or xls
    var uri = 'data:text/csv;charset=utf-8,' + escape(CSV);

    // Now the little tricky part.
    // you can use either>> window.open(uri);
    // but this will not work in some browsers
    // or you will not get the correct file extension    

    //this trick will generate a temp <a /> tag
    var link = document.createElement("a");    
    link.href = uri;

    //set the visibility hidden so it will not effect on your web-layout
    link.style = "visibility:hidden";
    link.download = fileName + ".csv";

    //this part will append the anchor tag and remove it after automatic click
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
}
onGo(e){
e、 预防默认值();
var json={
福:“酒吧”,
qux:‘呜’,
公安部:123
}
JSONToCSVConvertor(json,“某些数据”,true);
}
函数JSONToCSVConvertor(JSONData、ReportTitle、ShowLabel){
//如果JSONData不是对象,那么JSON.parse将解析对象中的JSON字符串
var arrData=typeof JSONData!=“object”?JSON.parse(JSONData):JSONData;
var CSV=“”;
//在第一行或第一行设置报表标题
CSV+=ReportTitle+'\r\n\n';
//此条件将生成标签/标题
如果(显示标签){
var行=”;
//此循环将从数组的第一个索引中提取标签
对于(arrData[0]中的var索引){
//现在将每个值转换为字符串和逗号分隔符
行+=索引+',';
}
row=row.slice(0,-1);
//用换行符追加标签行
CSV+=行+'\r\n';
}
//第一个循环是提取每一行
对于(变量i=0;i>window.open(uri);
//但这在某些浏览器中不起作用
//否则您将无法获得正确的文件扩展名
//这个技巧将生成一个临时标记
var link=document.createElement(“a”);
link.href=uri;
//将可见性设置为隐藏,使其不会影响web布局
link.style=“可见性:隐藏”;
link.download=fileName+“.csv”;
//此部件将附加定位标记,并在自动单击后将其删除
document.body.appendChild(链接);
link.click();
document.body.removeChild(link);
}

e.preventDefault();在nodejs中?:)我在基于nodejs的webpack dev服务器上使用reactjs。您无法在浏览器中使用Node的
fs
模块。即使删除该行,我仍会收到相同的错误:(取决于您尝试执行的操作。是否要在客户端或服务器上保存文件?
onGo(e){

    e.preventDefault();


    var json = {
        foo: 'bar',
        qux: 'moo',
        poo: 123
    }

    JSONToCSVConvertor(json, 'some-data', true);

 }

function JSONToCSVConvertor(JSONData, ReportTitle, ShowLabel) {
    //If JSONData is not an object then JSON.parse will parse the JSON string in an Object
    var arrData = typeof JSONData != 'object' ? JSON.parse(JSONData) : JSONData;

    var CSV = '';    
    //Set Report title in first row or line

    CSV += ReportTitle + '\r\n\n';

    //This condition will generate the Label/Header
    if (ShowLabel) {
        var row = "";

        //This loop will extract the label from 1st index of on array
        for (var index in arrData[0]) {

            //Now convert each value to string and comma-seprated
            row += index + ',';
        }

        row = row.slice(0, -1);

        //append Label row with line break
        CSV += row + '\r\n';
    }

    //1st loop is to extract each row
    for (var i = 0; i < arrData.length; i++) {
        var row = "";

        //2nd loop will extract each column and convert it in string comma-seprated
        for (var index in arrData[i]) {
            row += '"' + arrData[i][index] + '",';
        }

        row.slice(0, row.length - 1);

        //add a line break after each row
        CSV += row + '\r\n';
    }

    if (CSV == '') {        
        alert("Invalid data");
        return;
    }   

    //Generate a file name
    var fileName = "MyReport_";
    //this will remove the blank-spaces from the title and replace it with an underscore
    fileName += ReportTitle.replace(/ /g,"_");   

    //Initialize file format you want csv or xls
    var uri = 'data:text/csv;charset=utf-8,' + escape(CSV);

    // Now the little tricky part.
    // you can use either>> window.open(uri);
    // but this will not work in some browsers
    // or you will not get the correct file extension    

    //this trick will generate a temp <a /> tag
    var link = document.createElement("a");    
    link.href = uri;

    //set the visibility hidden so it will not effect on your web-layout
    link.style = "visibility:hidden";
    link.download = fileName + ".csv";

    //this part will append the anchor tag and remove it after automatic click
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
}