Node.js 如何运行nodejs flatiron/director示例

Node.js 如何运行nodejs flatiron/director示例,node.js,flatiron.js,Node.js,Flatiron.js,我试着运行这个示例来熟悉director.js 我无法在客户端设置扁平铁模块 在我的html页面中,比如说,/page.html,我将director.js的位置替换为 我的项目中对应项目的位置: /node_modules/flatiron/node_modules/director/lib/director.js 在浏览器中加载/page.html页面时 我遇到错误:导出和路由器未定义 第一个想法:毕竟,在浏览器端没有nodejs 好的,我想browserify可以帮我。 我生成了一个“浏览

我试着运行这个示例来熟悉director.js

我无法在客户端设置扁平铁模块

在我的html页面中,比如说,/page.html,我将director.js的位置替换为 我的项目中对应项目的位置:

/node_modules/flatiron/node_modules/director/lib/director.js

在浏览器中加载/page.html页面时 我遇到错误:导出和路由器未定义

第一个想法:毕竟,在浏览器端没有nodejs

好的,我想browserify可以帮我。 我生成了一个“浏览器端”捆绑包,有必要吗

my_project> node node_modules/browserify/bin/cli.js node_modules/flatiron/node_modules/director/lib director.js -o cs_director.js
我把它用在台词中:

问题是,这个错误

Uncaught ReferenceError: Router is not defined
(anonymous function)
仍然出现,所以我猜整个示例将不起作用

我是node/js的新手,我不确定它是否与我在上述案例中所做的有意义。。。 有人知道怎么解决吗

或者,一般来说,如何在浏览器端使用“同构”的东西? Github上的html示例仅引用相同的.js文件 作为服务器端示例

你能推荐一些教程和例子吗

谢谢,
-gvlax

您可以找到一个特定于浏览器的控制器版本,其中删除了所有服务器代码。

您可以找到一个特定于浏览器的控制器版本,其中删除了所有服务器代码。

谢谢Deadend

现在它就像一个符咒

我不知道我怎么会错过自述中的信息。。。我先看了说明书,我发誓:-

以下是我的示例代码:

  <!html>
  <html>
    <head>
      <script src="director-1.0.7.min.js"></script>

            <script>

        var author = function () { console.log("author called.");},
            books = function () { console.log("books called."); },
            viewBook = function(bookId) { console.log("viewBook called."); };

        var routes = {
          '/author': author,
          '/books': [books, function() { console.log("anonymous fun called."); }],
          '/books/view/:bookId': viewBook
        };

        var router = Router(routes);
        router.init();

      </script>
    </head>
    <body>
        Click <a href="#/books">me</a> to call two functions at a time. 
    </body>
  </html>
-gvlax

谢谢Deadend

现在它就像一个符咒

我不知道我怎么会错过自述中的信息。。。我先看了说明书,我发誓:-

以下是我的示例代码:

  <!html>
  <html>
    <head>
      <script src="director-1.0.7.min.js"></script>

            <script>

        var author = function () { console.log("author called.");},
            books = function () { console.log("books called."); },
            viewBook = function(bookId) { console.log("viewBook called."); };

        var routes = {
          '/author': author,
          '/books': [books, function() { console.log("anonymous fun called."); }],
          '/books/view/:bookId': viewBook
        };

        var router = Router(routes);
        router.init();

      </script>
    </head>
    <body>
        Click <a href="#/books">me</a> to call two functions at a time. 
    </body>
  </html>
-gvlax