Tag: angular2 routing

获取从angular2到nodejs预检请求的路由错误不会通过访问控制检查：否“Access-Control-Allow-Origin”: 我正在尝试使用angular 2来访问nodejs的api。但是我得到了这个奇怪的错误，即使花费了几个小时后，我也无法解决这个错误。我基本上是新的意思是堆栈。我的angular2服务 – import {Injectable} from '@angular/core'; import {Http, Response, Headers, RequestOptions, RequestMethod} from "@angular/http"; import {Observable} from "rxjs/Rx"; @Injectable() export class LoginService { constructor(private http:Http) { } // Uses Observable.forkJoin() to run multiple concurrent http.get() requests. // The entire operation will result in an error state if any single request fails. createUser(user) […]

Angular2路由器和Express集成: 我在使用Angular2路由器时遇到了问题，但是以前的问题似乎没有解决scheme。我正在使用angular2-cli的最新版本。当我将浏览器指向localhost：3000时，我得到了angular2-cli生成的通用“app works”消息。当我尝试导航到我的一个子路由时，例如localhost：3000 / auth / login，它会将我redirect到同一个“应用程序作品”页面，而不是显示“login作品” 。看看堆栈交换的其他问题，我认为这个问题在这里： app.get('*', (req, res) => { res.sendFile(path.join(__dirname, 'dist/index.html')); }); 当我用*replace*时，而不是redirect到我的目标页面，它给了我无法GET错误。总之，我的问题是我的angular2路由集成到我的快速应用程序的url导航无法正常工作。我在server.js中的快速代码如下所示： var express = require("express"); var app = express(); var bodyParser = require("body-parser"); var mongoose = require("mongoose"); var path = require("path"); app.use(bodyParser.json()); app.use(bodyParser.urlencoded({extended:true})); app.use(express.static(path.join(__dirname, 'dist'))); // Catch all other routes and return the index […]

Angular 2路由器：不能匹配任何路由: 当试图在我的浏览器中加载localhost：3000 / verifyemail时，我收到错误：错误：无法匹配任何路线我已阅读了其他SO问题，并已validation以下内容： Angular2：2.3.1默认使用path位置策略，我没有改变它。我不喜欢使用哈希位置策略我已经configuration了我的Nodejs服务器的HTML5 pushState（server.js在下面） // Parsers for POST data app.use(bodyParser.json()); app.use(bodyParser.urlencoded({ extended: false })); // Point static path to dist app.use(express.static(path.join(__dirname, 'dist'))); // Get API routes const api = require('./src/server/routes/api.js'); // Set api routes app.use('/api', api); // Catch all other routes and return the index file app.get('*', (req, res) => […]

“如何build立anuglar和node.js chatbot”？: 我是一个新手，我想知道是否有可能build立我们自己的chatbot与angular度和node.js？或者我需要知道什么是build立我自己的定制的聊天机器人的所有信息和技术？

在Angular 2 cli项目中集成bootstrap: 面对将Bootstrap与angular色2 cli集成的问题。我是新的angular2 CLI请指导我，纠正我，如果我正在做我的步骤错了。提前致谢。步骤如下： 1. npm install bootstrap @ next –save 2.修改.angular-cli.json文件这是我修改的： "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.css", "styles.scss" ], "scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/tether/dist/tether.js", "../node_modules/bootstrap/dist/js/bootstrap.js" ], 用ng服务重新启动应用程序发生错误如下：在多脚本加载器中出现错误！./〜/ jquery / dist / jquery.js script-loader！./〜/ tether / dist / tether.js script-loader！./〜/ bootstrap / dist / js / bootstrap.js找不到模块：Error：无法parsing'/ Users / sagarbhanushali / projectangularcliyoutube / myProject […]

Angular2 POST Observable Request返回一个不可读的JSON对象: 我使用一个Angular2的POST请求与Observable到Node API。我不断收到一个奇怪的JSON对象作为响应。来自Node API应用程序的响应 – 通过Chrome控制台： {"_isScalar":false,"source":{"_isScalar":false,"source": {"_isScalar":false,"source":{"_isScalar":false},"operator": {"delay":500,"scheduler":{"actions":[],"active":false}}},"operator": {}},"operator":{"caught":"[Circular]"}} Angular2代码： login2(): Observable<any> { this.url = 'http://localhost:3080/user/login'; this.obj.email = 'jhon.doe@foo.de'; this.obj.password = 'pass'; let formObj = this.form.getRawValue(); let serializedForm = JSON.stringify(formObj); let headers = new Headers({ 'Content-Type': 'application/json' }); let options = new RequestOptions({ headers: headers }); var obsRequest = this.http.post(this.url, this.obj, options) .map(res […]

Angular和NodeJS使用参数获取请求url只返回响应对象no组件HTML: 我有一个像例如'localhost：3000 / verify / a5d5sd'的URL，我发送到用户的电子邮件，点击这个链接后，我在链接中使用param（a5d5sd）来检查服务器中的一些东西，数据库（MongoDB）并返回一个对象的响应，现在当链接被点击或打开一个新的标签时，我只能看到来自服务器的响应，而不是来自我的Angular 2组件的HTML。在我的Angular 2路由configuration模块中，我configuration了一个类似的路由 { path: 'verify/:id', component: MyComponent }, 而在这个组件的ngOnInit，我打电话给一个服务方法，使GET HTTP请求与URL像validation/：ID 帕拉姆（：ID）我得到它使用@ angular /路由器的ActivatedRoute，使我可以请求。为了解决这个问题，我被build议为我的快递使用以下代码： app.use(express.static(path.join(__dirname, 'client/dist'))); app.get('*', function(req, res) { res.sendFile(__dirname + '/client/dist/index.html'); }) 甚至尝试过： app.all('*', function(req, res) { res.sendFile(__dirname + '/client/dist/index.html'); }) 此代码适用于直接导航（在search栏上粘贴URL），并仅刷新POST和PUT请求，但不能与GET请求一起使用，这些请求需要服务器端的响应，当我直接访问URL或刷新页面时，DOM写与服务器响应，但不是HTML，任何帮助将不胜感激。

Angular2应用程序初始加载问题。 typescript.js文件是4.75MB: 我为我的J2EE应用程序（Spring MVC）使用Angular2。我已经实现了延迟加载，但它仍然需要更多的时间（大约2分钟!!! ）加载最初。有两个大文件正在加载： typescript.js：4.75 MB compiler.umd.js：0.98 MB 而typescript.js文件不是caching。每次重新加载它的下载。我的systemjs.config.js文件是： System .config({ transpiler : 'ts', typescriptOptions : { "target" : "es5", "module" : "commonjs", "moduleResolution" : "node", "sourceMap" : true, "emitDecoratorMetadata" : true, "experimentalDecorators" : true, "lib" : [ "es2015", "dom" ], "noImplicitAny" : true, "suppressImplicitAnyIndexErrors" : true }, meta : { […]

如何纠正NodeJS找不到安装的软件包？: 刚刚经历了Angular2 的英雄之旅教程，真正享受NPM系统，然后我去添加我的第一个包。我添加了“eveonlinejs”：“^ 2.0.0”到我的package.json并运行“npm install” 安装的软件包和文件夹存在于node_modules中。运行我的服务器，但结果。 app/eveapi.service.ts(2,29): error TS2307: Cannot find module 'eveonlinejs'. 有问题的线是 import { eveonlinejs } from 'eveonlinejs'; 从我的研究中，我相信导入应该打到“node_modules / eveonlinejs”目录中的package.json，并看到设置的“main”属性。我已经尝试删除清除NPMcaching并重新安装node_modules文件夹。我也尝试使用require语句指向目录，但是我得到一个缺less的“sax”模块，该模块安装在“eveonlinejs”目录中。更新：感谢@ nem035我已经得到了一些进展，但已经停止使用导入，但发现使用require时出现404错误。通过添加下面的代码，我可以更进一步： systemjs.config.js 'eveonlinejs': 'npm:eveonlinejs/lib/eveonline.js' 这让我回到了“萨克斯”的错误。我发现由于某种原因，Sax已经从eveonlinejs文件夹移出到根节点模块文件夹。 'sax': 'npm:sax/lib/sax.js' 这纠正了萨克斯问题，但给我所有这一切！ zone.js:1382 GET http://localhost:3000/node_modules/eveonlinejs/lib/client 404 (Not Found) dashboard:17 Error: (SystemJS) XHR error (404 Not Found) loading http://localhost:3000/node_modules/eveonlinejs/lib/client zone.js:1382 […]

用ng服务器启动服务器时出现NPM错误: 我收到错误： ERROR in /opt/NodeJS/FutureDMS/src/app/app.module.ts (5,9): Module '"/opt/NodeJS/FutureDMS/src/app/app.routing"' has no exported member 'APP_ROUTE'. 我已经在loadChildren属性中使用了箭头函数，例如： – { path: 'dashboard', loadChildren: () => ExampleDashboardModule } 我也有解决scheme。如果我使用 { path: 'dashboard', loadChildren: './example-dashboard/example-dashboard.module#ExampleDashboardModule' } 代替： { path: 'dashboard', loadChildren: () => ExampleDashboardModule } 那么它会正常工作。可能是有AOT编译器的问题，但我真的想用我的箭头function的路由，但没有得到正确的解决scheme，请给出一些build议。