Tag: 量angular器

如何在angular2 / 4中使用flag-icon-css？: 我想用angular2 / 4来使用flag-icon-css。我使用npm install flag-icon-css设置了flag-icon-css，并在webpack样式中添加了./node_modules/flag-icon-css/flag-icon.min.css。看npm开始输出，它看起来像所有的svg文件被重命名： ad.a58027d893be40137b4e.svg 55.6 kB [emitted] ae.9df491b1067fe429b98a.svg 273 bytes [emitted] af.66d30d603494af84757f.svg 33.6 kB [emitted] ag.0c113ee43f5e979f9e2b.svg 862 bytes [emitted] ai.d6af3a0faf03775fead4.svg 58.2 kB [emitted] al.7e21b4962e704ec70f96.svg 4.91 kB [emitted] am.15d9b1b398267457715f.svg 242 bytes [emitted] ao.ea04172c141ba985f772.svg 2.25 kB [emitted] aq.2c772185d13c70791c11.svg 4.61 kB [emitted] ar.738ab0020d69c00a1d1b.svg 4.56 kB [emitted] as.5d5e432322a2db51180a.svg 11.5 kB [emitted] ….. 我想这就是为什么我看不到旗帜？

web.config与angular万能: 我想在Azure Web中运行angular色4 univeral。我部署的代码，但我有一些麻烦与web.config（我认为是这样）。位于dist文件夹中的server.js，所以我在web.config“dist / server.js”中设置path，但是当server.js运行时，会出现一个错误： ENOENT：没有这样的文件或目录，打开'D：\ home \ site \ wwwroot \ dist \ dist \ browser \ index.html' 如果我从path中删除“dist”，它将会是404.如果我从中删除“dist” const DIST_FOLDER = join(process.cwd(), 'dist'); in server.js 它会给我一个错误： ENOENT：没有这样的文件或目录，打开'D：\ home \ site \ wwwroot \ browser \ index.html' 或双重dist，或根本没有dist。 web.config如下所示： <?xml version="1.0" encoding="utf-8"?> <configuration> <system.webServer> <webSocket enabled="false" /> <handlers> <add name="iisnode" path="dist/server.js" verb="*" […]

Angular + Node + Express：带sendFile方法的意外标记: 我有点卡在这里。我在客户端使用Angular 4编写Web应用程序，在服务器端使用Node / Express / Mongo编写REST API，并使用Auth0 API进行validation。在服务器端，我提供静态文件和所有路由到Angular： const distDir = __dirname + "/dist/"; app.use(express.static(distDir)); app.get('/*', function(req, res) { res.sendFile(path.join(__dirname + '/dist/index.html')); }); 没有提供所有的Angular应用程序的app.get方法，我得到一个404错误（例如不能GET /callback）。问题是sendFile发送一个html文件，无论调用什么。在我的应用程序中，第一次调用的是js文件，如“networking”选项卡（auth0.min.js）中所示。所以我得到这个错误： ERROR SyntaxError: Unexpected token < in JSON at position 0 at JSON.parse (<anonymous>) at e.CPp0.t.json (vendor.b69a8a4fa217eba4fba0.bundle.js:1) at e.project (main.0e8acae237e497f792ab.bundle.js:1) at e._next (vendor.b69a8a4fa217eba4fba0.bundle.js:1) at e.T14+.e.next (vendor.b69a8a4fa217eba4fba0.bundle.js:1) […]

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 } […]