我在Visual Studio(2012专业版和2013年社区)中使用NTVS创建了一个Node JS项目,并使用Yeoman生成器创建了一个Knockout SPA应用程序(使用生成器设置中的打字稿选项)。
现在我需要决定在调试时将哪个文件设置为启动文件(按 F5)。我想这将是 ./src/app/require.config.js因为否则我会收到一个错误,要求未定义。
当我开始调试时,一切看起来都很好,并且会出现一个控制台窗口,其中包含消息"调试器正在侦听端口 5858"。但是当我启动本地主机:5858时,没有服务器/网站。
我可以在另一个端口上的服务器中启动应用程序,但随后没有命中断点,甚至在启动文件中也没有。
所以我的问题是:- 我应该将什么设置为启动文件?- 如何使用NTVS在Visual Studio中调试我的应用程序?
编辑
我已经确定,当我添加新的空NTVS项目时,它会创建一个服务器.js文件,其中包含:
var http = require('http');
var port = process.env.port || 1337;
http.createServer(function (req, res) {
res.writeHead(200, { 'Content-Type': 'text/plain' });
res.end('Hello Worldn');
}).listen(port);
将其设置为启动文件会导致此文件的工作调试。
如何仍然通过require.config加载require.js并使用startup.ts启动我的应用程序?
require.config.js
// require.js looks for the following global when initializing
var require = {
baseUrl: ".",
paths: {
"bootstrap": "bower_modules/components-bootstrap/js/bootstrap.min",
"crossroads": "bower_modules/crossroads/dist/crossroads.min",
"hasher": "bower_modules/hasher/dist/js/hasher.min",
"jquery": "bower_modules/jquery/dist/jquery",
"knockout": "bower_modules/knockout/dist/knockout",
"knockout-projections": "bower_modules/knockout-projections/dist/knockout-projections",
"signals": "bower_modules/js-signals/dist/signals.min",
"text": "bower_modules/requirejs-text/text"
},
shim: {
"bootstrap": { deps: ["jquery"] }
}
};
创业网
import $ = require("jquery");
import ko = require("knockout");
import bootstrap = require("bootstrap");
import router = require("./router");
// Components can be packaged as AMD modules, such as the following:
ko.components.register('nav-bar', { require: 'components/nav-bar/nav-bar' });
ko.components.register('home-page', { require: 'components/home-page/home' });
// ... or for template-only components, you can just point to a .html file directly:
ko.components.register('about-page', {
template: { require: 'text!components/about-page/about.html' }
});
ko.components.register('grid-page', { require: 'components/grid-page/grid-page' });
// [Scaffolded component registrations will be inserted here. To retain this feature, don't remove this comment.]
// Start the application
ko.applyBindings({ route: router.currentRoute });
编辑 2
经过进一步调查,我可以使用服务器启动我的应用程序.js文件作为启动文件,其中包含
var http = require('http');
var app = require('./src/app/startup.js');
var port = process.env.port || 1337;
http.createServer(app).listen(port);
但这会导致"未定义定义"错误。
我认为您混淆了服务器开发和浏览器开发。nodejs 项目旨在作为您的机器上的进程运行,并且可以充当 Web 服务器以及许多其他内容。您所指的挖空SPA应用程序旨在在浏览器环境中运行。只有 Yeoman 生成器和一些作为挖空模板构建过程的一部分设置的工具(例如 gulp)需要 nodejs,但这仅在构建时需要,而不是在运行自己的代码时。
当您想在浏览器中调试 javascript 时,您需要找到您的主索引.html文件并在浏览器中打开该文件 - 某些 IDE 具有在内置服务器上打开页面并直接调试它们的功能(例如 webstorm),其他 IDE 可能需要您在浏览器中打开页面并附加 javascript 调试器。在Visual Studio中,您可能应该在Internet Explorer中打开它,并在VS中的js代码中放置一个断点,我不确定您是否也可以直接从VS打开页面以及是否需要调整IE设置(问谷歌,它比我更了解)
好吧,经过更多的研究,我认为你想做的事情是错误的。
您正在尝试将 jquery 加载到节点环境中。 Node 是一个无浏览器的执行环境。 没有窗户。 没有文件。 来自 jquery 文件顶部的注释:
// For CommonJS and CommonJS-like environments where a proper `window`
// is present, execute the factory and get jQuery.
// For environments that do not have a `window` with a `document`
// (such as Node.js), expose a factory as module.exports.
// This accentuates the need for the creation of a real `window`.
// e.g. var jQuery = require("jquery")(window);
// See ticket #14549 for more info.
我相信您要做的是将 html 从服务器返回到浏览器。 该 html 应该通过脚本标签引用 jquery、bootstrap 和 knockout(在文档上工作的客户端 javascript 文件)。
另请注意:由于jquery和其他函数在浏览器中运行,因此您将无法使用Visual Studio来调试它们(据我所知)。 您应该改用浏览器工具来检查它们的行为。
https://stackoverflow.com/a/21178111/8155