Articles of 量angular器

angular2嵌套路由不工作,没有错误报告,但空白页

请帮我检查一下代码…没有编译错误,否则在npm start后cli输出,但浏览器看起来是一个空白页面。 我一遍又一遍地检查,但仍然找不到有什么问题。 PS:我是一个新生在angular2 … app.module @NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, AdminModule, WaiterModule, CookModule, AppRoutingModule ], providers: [], bootstrap: [AppComponent] }) export class AppModule { } APP-routing.module const appRoutes: Routes = [ { path: "", redirectTo: "/admin", pathMatch:"full" } ]; @NgModule({ imports: [ RouterModule.forRoot(appRoutes, { enableTracing: true }) ], exports: [RouterModule] }) […]

安装包后,Webpack无法编译错误

我正在使用Angular 4的一些样板代码,并且遇到问题。 它工作正常,直到我从npm下载另一个包。 我得到以下错误,命令ng服务不再起作用。 该项目已经安装了jquery,所以错误对我来说没有意义。 没有webpack.config.js文件,所以我添加了下面的代码。 任何帮助,将不胜感激。 webpack.config.js文件 var webpack = require('webpack'); var config = { plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery" }) ] }; module.exports = config; 错误 警告in ./~/jsdom/lib/jsdom/utils.js 216:21-40严重依赖关系:依赖关系的请求是一个expression式 警告在./~/jsdom/lib/jsdom/living/xmlhttprequest.js 20:23-30关键依赖关系:require函数的使用方式不能静态提取依赖关系 警告in ./~/ajv/lib/async.js 96:20-33严重依赖:依赖的请求是一个expression式 警告in ./~/ajv/lib/async.js 119:15-28严重依赖关系:依赖关系的请求是一个expression式 警告在./~/ajv/lib/compile/index.js 13:21-34关键依赖关系:依赖关系的请求是一个expression式 ERROR in ./~/jquery/lib/node-jquery.js Module not found:错误:无法parsing'E:\ WebstormProjects \ innovation-node-server-2.0 \ node_modules […]

“位置0的JSON中的意外标记”?

我正在写一个node.js模块,它导入一个JSON文件: const distDirPath = "c:/temp/dist/"; const targetPagePath = "c:/temp/index.html"; const cliJsonPath = "C:/CODE/MyApp/.angular-cli.json"; const fs = require('fs'); function deployAot() { var version = JSON.parse(fs.readFileSync(cliJsonPath, 'utf8')).version; } // export the module module.exports = { DeployAot: deployAot }; 我在https://jsonlint.com/validation了上面的json文件的内容,它是有效的json,但是当我执行节点模块时,deployAot()中的第一行代码返回以下错误: "Unexpected token in JSON at position 0" 以下是具体的json: https://jsonblob.com/cd6753d2-9e51-11e7-aa97-2f95b001b178 有什么想法可能在这里?

安装npm指令时文件夹的位置是什么

我正在尝试安装“@ngui” – angular度的文件夹包。 它下载的文件夹,但是当我尝试像这样在cmd中安装文件夹: @ngui/ngui @types/googlemaps @types/hammerjs –save-dev 我得到这个错误: npm WARN @ angular / compiler-cli @ 4.4.3需要一个@ angular / compiler @ 4.4.3的对象,但是没有安装。 npm WARN @ angular / compiler-cli @ 4.4.3需要一个@ angular / core @ 4.4.3的对象,但是没有安装。 npm ERR! 无法读取未定义的属性“0” npm ERR! 这个运行的完整日志可以在下面find:npm ERR! C:\ Users \ moshel \ AppData \ Roaming \ npm-cache_logs \ 2017-09-27T07_39_55_977Z-debug.log PS […]

Angular 4路由奇怪的行为:除非页面刷新,否则不呈现子模块

我一直在寻找解决这个奇怪的行为,没有运气。 在angular度4控制台或JavaScript控制台中没有错误 使用Angular CLI(Angular 4) angular度路由器我变得非常奇怪的行为。 我试图从父AppModule加载一个子路由,它有它自己的模块。 路线在/产品 在/ products模块(products.module.ts):我有3个路由: /产品/概述 /产品/介绍[redirect到/产品] /产品/产品/:产品 产品模块应该有它自己的navbar UNDER在全球AppModule的导航栏,这是在products.component.html组件模板的路由器出口之上。 主要问题:当我加载页面(不使用angular routerLink)到/ products: 两个navbars都可见 LOADED(ex / intro)的页面具有可见的navbar,但子组件(IntroComponent) 不 可见 但是,当我导航到/ products模块路由中的任何其他子路由时,(ex / overview或/ product /:product):它呈现得很好。 所以无论路由在整个页面上加载刷新都是不可见的。 最奇怪的部分:当我在不是/ products(ex / home)的path上加载页面(刷新),然后使用主导航栏导航到/ products时: 导航栏不可见 ????? 子组件(ex / intro组件)是可见的 过去几天,这已经使我陷入了极度的困境。 现在,一些代码: app.module.ts [main AppModule] @NgModule({ declarations: [ AppComponent, HomeComponent, LoginComponent, SignupComponent, NotFoundComponent, LogoutComponent, […]

Npm安装错误types:找不到命令

所以我试图修复我的npm,因为权限错误。 所以我重新安装了它。 现在,当我到达“types”部分,它说types:命令没有find。 我认为这与Angular和TypeScript有关? 谁能帮忙? 我用sudo npm install … Release/obj.target/libsass/src/libsass/src/sass_context.o Release/obj.target/libsass/src/libsass/src/sass_functions.o Release/obj.target/libsass/src/libsass/src/sass_util.o Release/obj.target/libsass/src/libsass/src/sass_values.o Release/obj.target/libsass/src/libsass/src/source_map.o Release/obj.target/libsass/src/libsass/src/subset_map.o Release/obj.target/libsass/src/libsass/src/to_c.o Release/obj.target/libsass/src/libsass/src/to_value.o Release/obj.target/libsass/src/libsass/src/units.o Release/obj.target/libsass/src/libsass/src/utf8_string.o Release/obj.target/libsass/src/libsass/src/util.o Release/obj.target/libsass/src/libsass/src/values.o c++ '-DNODE_GYP_MODULE_NAME=binding' '-DUSING_UV_SHARED=1' '-DUSING_V8_SHARED=1' '-DV8_DEPRECATION_WARNINGS=1' '-D_DARWIN_USE_64_BIT_INODE=1' '-D_LARGEFILE_SOURCE' '-D_FILE_OFFSET_BITS=64' '-DBUILDING_NODE_EXTENSION' -I/Users/sann/.node-gyp/8.6.0/include/node -I/Users/sann/.node-gyp/8.6.0/src -I/Users/sann/.node-gyp/8.6.0/deps/uv/include -I/Users/sann/.node-gyp/8.6.0/deps/v8/include -I../../nan -I../src/libsass/include -Os -gdwarf-2 -mmacosx-version-min=10.7 -arch x86_64 -Wall -Wendif-labels -W -Wno-unused-parameter -std=gnu++0x -stdlib=libc++ -fno-rtti -fno-exceptions -fno-threadsafe-statics -std=c++11 -MMD -MF ./Release/.deps/Release/obj.target/binding/src/binding.odraw -c […]

Angular 4:POST请求到本地主机上的REST API后发生未知错误

angular度应用程序试图将用户数据发布到同样在localhost:8080上运行的node.js rest api。 这是一个HttpErrorResponse状态:0和StatusText:未知的错误。 其余的api已经被certificate是通过对本地主机的curl请求来实现的。 任何帮助这个问题将不胜感激! 错误来自行:“this.http.post(' http:// localhost:8080 / users '” import { Component, OnInit } from '@angular/core'; import { FormGroup, FormControl, Validators } from '@angular/forms'; import { HttpClient } from '@angular/common/http'; import { Headers } from '@angular/http'; import { AuthService } from '../services/auth.service'; import { Router } from '@angular/router'; import { User } […]

Angular 2获取错误** CALL_AND_RETRY_LAST分配失败 – 使用npm run start时,JavaScript堆内存不足**

Angular2我得到这个错误CALL_AND_RETRY_LAST分配失败 – JavaScript运行时使用npm运行启动时 内存不足 我曾尝试升级npm版本,我也累了 – max_old_space_size = 4096 <—最后几个GC —> 260217 ms:标记扫描1360.9(1437.1) – > 1360.1(1437.1)MB,4457.9 / 0.0 ms [分配失败] [请求的旧空间中的GC]。 264705 ms:标记扫描1360.1(1437.1) – > 1360.1(1437.1)MB,4487.6 / 0.0 ms [分配失败] [请求的旧空间中的GC]。 269354ms:标记扫描1360.1(1437.1) – > 1372.9(1418.1)MB,4647.6 / 0.0ms [最后手段gc]。 274068 ms:标记扫描1372.9(1418.1) – > 1385.8(1418.1)MB,4713.5 / 0.0 ms [最后手段gc]。 <— JS stacktrace —> ==== JS堆栈跟踪========================================= 安全上下文:000003CA3933FA99 1:emitPos […]

将令牌传递给我的Angular 4应用程序的优雅方式是什么?

我有以下实现: 前端 :localhost:4200(这是Angular应用程序) 后端 :localhost:3000(这是我的REST API在Node.js&Express上运行) – 步骤1.在Angular应用程序中,用户点击一个链接,将其redirect到我的REST API(localhost:3000 / auth / steam)。 第2步。我的REST API将他redirect到他login的OpenID Provider(Steam)。 第3步。成功login后,OpenID Provider将用户redirect到用户数据和我的后端服务器。 我的后端服务器将这些数据保存在数据库中,并创build一个包含用户数据的JWT(JSON Web令牌)。 第4步。将用户与令牌一起redirect到前端… 这是我不知道什么是一个优雅的方式来做到这一点的部分。 我想传递的标记作为URL参数(?标记= …),但这将是有点不安全,因为该标记将在URL中可见。 有没有更好的方法呢? 谢谢 :)

获取“ProgressEvent”,而不是在Angular + NodeJS中响应json

这是我的message.service中的get函数 message.service.ts addMessage(message: Message) { const body = JSON.stringify(message); const headers = new Headers({ 'Content-Type': 'application/json' }); return this.http.post('http://localhost:3000/messages', body, { headers: headers }) .map((response: Response) => { const result = response.json(); const message = new Message(result.obj.title, result.obj.content, 'Dummy', result.obj._id, null); this.messages.push(message); return message; }) .catch((error: Response) => Observable.throw(error.json())); } 这是在我的后端。 如果用户没有login。 它会返回一个错误(未经授权)。 路线/ messages.js […]