在控制器中找不到 fs

Question

我是节点新手，如果这很简单，请原谅我。我在互联网上搜索了大约 3 天，但找不到任何关于如何将 Browserify 与 AngularJS 结合使用的示例和 Gulp.. 所以我不知道。

我正在开发一个应用程序，我遵循了这个 guide。我喜欢 require('fs') 在我的 mainCtrl.js 中，并使用函数 fs.readdirSync(); 但是给了我一个 typeError 和 returns fs.readdirSync 不是函数，为什么不起作用？

TypeError: fs.readdirSync is not a function
    at new module.exports (app.js:49)
    at Object.invoke (app.js:9502)
    at extend.instance (app.js:14347)
    at nodeLinkFn (app.js:13464)
    at compositeLinkFn (app.js:12896)
    at compositeLinkFn (app.js:12899)
    at compositeLinkFn (app.js:12899)
    at compositeLinkFn (app.js:12899)
    at publicLinkFn (app.js:12776)
    at app.js:6649

我的代码在这里：

app.js

'use strict';

require('angular');
require('angular-route');
require('angular-animate');

var mainCtrl = require('./controllers/mainCtrl');
var app = angular.module('myApp', ['ngRoute', 'ngAnimate'])

app.controller('mainCtrl', ['$scope', '$http', mainCtrl]);

mainCtrl.js

'use strict';
module.exports = function($scope, $http) {
    var fs = require('fs');

    console.log("fs in mainCtrl: ", fs); // this console logs Object {}
    var files = fs.readdirSync('data/');
    console.log("files in mainCtrl: ", files);
};

Gulpfile.js

'use strict'; 

var gulp = require('gulp');
var browserify = require('browserify')

gulp.task('browserify', function() {
return browserify('./js/app.js')
    .bundle()
    .pipe(source('app.js'))
    .pipe(gulp.dest('./build'));

Answer 1

等等，您是否尝试在浏览器中使用文件系统函数？

不，你不能那样做。时期。如果您考虑安全隐患，就会明白原因。

在控制器中找不到 fs

Cannot find fs in controller

node.js

angularjs

browserify

gulp