angularjs - 如何将 Angular 2 与 NetBeans 一起使用?

标签 angularjs node.js netbeans angular

我已经尝试了所有我能找到的教程来尝试使用 Angular 2 在 NetBeans 上创建一个 HTML/JS 项目,但没有一个成功。可能是我的 npm 出了问题(例如,搜索不起作用)。

npm install创建的node_modules文件夹在NetBeans上是灰色的,有些文件有错误(不知道这是否正常)。我尝试从 node_modules 文件夹导入的任何 .js 都会出现错误 Failed to load resource: net::ERR_EMPTY_RESPONSE/Uncaught ReferenceError:系统未定义

有人知道我做错了什么吗?或者有没有人知道任何有代码下载的教程,这样我就可以与我正在做的事情进行比较,看看什么是正确的?我找到的每个教程都没有任何代码可下载,只有页面中的一些代码用于解释。 抱歉,如果这不是一个好问题,但我从昨天开始就一直在努力使这项工作成功但没有成功,而且我完全没有想法。

最佳答案

首先我建议升级到最新版本的 NodeJS 和 NPM,以尽量减少 node_modules 文件夹中的错误

https://github.com/Everlaw/nbts/releases 安装 Everlaw 的 Typescript 插件.如果您使用的是 Netbeans 8.1,我认为您可以直接从插件安装程序安装它。我使用的是 NetBeans 8.2,手动安装插件没有问题。

然后在 NetBeans 上转到工具 -> 选项 -> HTML/JS -> Node.js 并编写正确的 Node 和 NPM 路径和源,我建议检查三项检查 -该面板中的框。

要快速入门,请尝试 angular.io 页面中的 QuickStart 演示,无需对 package.json 进行任何更改。 我第一次尝试调试 Angular 2 应用程序时,我将 index.html 文件直接放在 project 文件夹 中,以免对 进行任何更改index.html 脚本源 也不会更改项目文件结构,但您需要更改项目的一些属性:

  • 在项目窗口中右键单击项目并选择属性
  • 在源中使用浏览按钮更改站点根文件夹并选择项目文件夹(您可以忽略出现的警告)。
  • 在“运行”中选择运行方式:Web 应用程序
  • 我建议选择浏览器:Chrome with NetBeans Connector
  • 使用浏览按钮转到项目文件夹并选择 index.html 作为您的开始文件
  • 选择Web 服务器:嵌入式轻量级
  • 最后在 Web Root 中写入/Your_Project_Folder

从 NetBeans 运行 npm install

单击运行按钮,您的 Web 应用程序必须在 chrome 中打开,如果您编辑 html 或 typescript 文件并保存它们,您可以在浏览器中实时看到更改,而无需重新调试您的应用程序,并且可以使用浏览器 DOM窗口探索从 Angular 2 创建的元素。

您仍然会在文件中看到一些错误,因为 NetBeans 与 HTML Angularized 语法不完全兼容。但它运行完美。

您还可以直接从 Netbeans 运行启动脚本,以使用 lite-Server 运行您的项目。

Screenshot NetBeans - Angular 2

关于angularjs - 如何将 Angular 2 与 NetBeans 一起使用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39003299/

相关文章:

html - Angular 1 选择不正确呈现

javascript - 如何在 AngularJS 中设置选项值

node.js - MongoDB : How to pick with $lte/lt all the documents that answer to specific $sum condition?

java - Context.xml 中名称 ="jdbc/project"的说明?

java - 带有 Radar-Netbeans 插件异常的 SonarQube

java - JDBC 驱动程序 - ClassNotFoundException、NetBeans

javascript - 当 ng-repeat 上的复选框具有 required 属性时,Angular ng-model 更改为未定义

javascript - AngularJS ng-Keyup 可以传递按下哪个键吗?

node.js - 在 Node js中使用pdfkit指定PDF页面大小

javascript - Nest 无法解析导入 JwtService 的服务的依赖关系