Articles of angular度cli

无法从另一个文件夹访问我的.scss软件包文件

我想检索我的.scss文件,其中包含所有其他.scss文件(所有其他.scss文件都导入到styles.scss文件中)。 我把path放到我的angular度cli文件中,文件仍然不可访问(我的html元素没有应用样式) Angular CLI :从我在npm start上运行的文件夹(项目)(从我想访问的文件夹中添加“../webstyles/src/styles.scss”path) "apps": [ { "root": "src", "outDir": "dist", "assets": [ "assets", "favicon.ico", "app/cms/demo.json" ], "index": "index.html", "main": "main.ts", "polyfills": "polyfills.ts", "test": "test.ts", "tsconfig": "tsconfig.app.json", "testTsconfig": "tsconfig.spec.json", "prefix": "cb", "styles": [ "../webstyles/src/styles.scss" ], 我得到的错误是:找不到模块:错误:无法解决该项目中的path…。 对不起,我不能发布文件夹树,但我多次检查,不要以为我在这里犯了一个错误 我有什么select?

Angular找不到模块“net”

当我在简单的Angular CLI应用程序中添加依赖项时 import {Socket} from 'net'; 运行'ng start'时出错 ERROR in C:/IdeaProjects/GethIPC/src/app/app.component.ts (5,20): Cannot find module 'net'

angular4 – 我继续得到即使手动安装portfinder也找不到模块“portfinder”

我不断收到这个错误在我的terminal使用ng服务terminal,我已经尝试='npm install portfinder ,也是npm uninstall -g angular-cli, npm cache clean, npm install npm -g, npm install -g angular-cli ,但没有工作,我一直得到它,我使用npm 3.10.10,Angular4和错误如下: Cannot find module 'portfinder' Error: Cannot find module 'portfinder' at Function.Module._resolveFilename (module.js:469:15) at Function.Module._load (module.js:417:25) at Module.require (module.js:497:17) at require (internal/module.js:20:19) at Object.<anonymous> (/usr/local/lib/node_modules/angular-cli/commands/serve.js:6:18) at Module._compile (module.js:570:32) at Object.Module._extensions..js (module.js:579:10) at Module.load (module.js:487:32) at tryModuleLoad […]

Angular 2 CLI SCSS内联图像

我正在重新编写一个最初在Compass中编写的网站,但是我现在使用了很多内嵌的base64图像,现在我正在使用Angular2 CLI和node-sass,但是那个函数不可用,还有一个库sass-inline-image,但它需要一些configuration,我不确定把它放在哪里,有人知道如何解决这个问题?

Angular 2 ng构build

所以我需要创build一个可以运行而不需要运行服务器的版本。 运行生成。 有一个dist文件夹。 当我运行index.html我得到一个错误 GET file:///D:/inline.bundle.js net::ERR_FILE_NOT_FOUND 他正在我的D://驱动器的根目录中search该js文件,而不是在项目文件夹中 好吧,我从我的index.html删除了一个<base href="/"> ,并得到这个错误: Unhandled Promise rejection: No base href set. Please provide a value for the APP_BASE_HREF token or add a base element to the document. ; Zone: <root> ; Task: Promise.then ; Value: ZoneAwareError {__zone_symbol__error: Error: No base href set. Please provide a value for the […]

致命错误:CALL_AND_RETRY_LAST分配失败 – ngtesting – 观察

我在以下环境中开发了一个angular-cli应用程序: OS: Windows 10 Nodejs: 6.9.2 npm: 3.3.10 angular-cli: 1.0.0-beta.25.5 当我在做ng test –watch时候更改代码 – 每当我得到以下错误: <— Last few GCs —> 541882 ms: Mark-sweep 1369.1 (1393.2) -> 1369.0 (1394.2) MB, 233.9 / 0.1 ms [allocation failure] [GC in old space requested]. 542130 ms: Mark-sweep 1369.0 (1394.2) -> 1369.0 (1395.2) MB, 248.3 / 0.0 ms [allocation failure] […]

当服务器将事件发送到特定客户端时,不要使用Angular2来运行socket.io-client(不同的angular2服务)

我创build了两个服务send-message.service.ts import { Injectable } from "@angular/core"; import * as io from 'socket.io-client'; @Injectable() export class SendMessageService { private url = 'http://localhost:4000'; private socket = io(this.url); saveUser(user) { this.socket.emit('joining-to-chat', user); } sendMessage(data) { this.socket.emit('send-message', data); } } 和receive-message.service.ts import { Injectable } from "@angular/core"; import { Subject } from 'rxjs/Subject'; import { Observable } from […]

如何在Docker容器中安装全局的angular-cli?

我使用下面的dockerfile创build了一个由angular-cli创build的angular2应用程序的图像。 FROM node:latest MAINTAINER BHUSHAN GADEKAR ENV NODE_ENV=production ENV PORT=4200 COPY . /var/www WORKDIR /var/www RUN npm install EXPOSE $PORT ENTRYPOINT ["npm","start"] 成功创build图像后,我尝试使用下面的命令运行此图像 docker run –rm -p 8080:4200 -w "/var/www" bhushan001/angular2-cli npm start 现在我可以看到我的容器开始了,但是运行错误: ng服务“npm”“开始”sh:1:ng:找不到 所以我知道angular-cli不存在于我的容器中,但是我使用npm install在dockerfile中本地npm install了它。 任何投入? 提前致谢。 我怎样才能解决这个问题?

Angular 2 CLIvariables不会被更新

首先,我对Angular 2完全陌生,昨天我尝试使用Angular CLI进行我的第一个项目,但是失败了。 Angular CLI似乎不适合我 – 我的意思是,variables没有在我的意见中得到更新。 我在这里做了标准的程序: 新的项目名称 cd项目名称 npm开始 localhost:4200服务器启动,然后尝试向/src/app/app.component.html模板中添加一个新元素 – 段落: <p>This text gets displayed</p> CLI告诉我,一切正常,浏览器自动刷新,然后我看到默认的“应用程序的作品!” 标题和我的新段落里面的文字。 但是,我决定改变app.component.ts文件中的titlevariables,所以我的新类声明如下所示: export class AppComponent { title = 'New App Title!'; } CLI再次告诉我,一切正常,但没有在浏览器中看到变化。 我手动刷新页面,但没有更改 – 标题仍然表示“应用程序工作!”。 所以我尝试添加一个新的variables到文件中: otherText = "some other text"; 然后在我的模板中添加另一段: <p>New text: {{otherText}}</p> 该段落显示在网页上,但{{otherText}}variables内容丢失。 该页面看起来像这样: <h1>app works!</h1> <p>this text gets displayed</p> <p>New text: […]

出现错误'在angular2应用程序中运行服务时,无法读取未定义的属性'长度'

而使用angular-cli命令运行angular2应用程序ng-serve我收到以下问题 dashboard@0.0.0启动C:\ Users \ padmavathi \ Downloads \ phototype-development \ web \ dashboard ng serve Cannot read property 'length' of undefined TypeError: Cannot read property 'length' of undefined at createSourceFile (C:\Users\padmavathi\Downloads\phototype-development\web\dashboard\node_modules\typescript\lib\typescript.js:8980:109) at parseSourceFileWorker (C:\Users\padmavathi\Downloads\phototype-development\web\dashboard\node_modules\typescript\lib\typescript.js:8940:26) at Object.parseSourceFile (C:\Users\padmavathi\Downloads\phototype-development\web\dashboard\node_modules\typescript\lib\typescript.js:8899:26) at Object.createSourceFile (C:\Users\padmavathi\Downloads\phototype-development\web\dashboard\node_modules\typescript\lib\typescript.js:8727:29) at new TypeScriptFileRefactor (C:\Users\padmavathi\Downloads\phototype-development\web\dashboard\node_modules\@ngtools\webpack\src\refactor.js:25:35) at Object.resolveEntryModuleFromMain (C:\Users\padmavathi\Downloads\phototype-development\web\dashboard\node_modules\@ngtools\webpack\src\entry_resolver.js:108:18) at AotPlugin._setupOptions (C:\Users\padmavathi\Downloads\phototype-development\web\dashboard\node_modules\@ngtools\webpack\src\plugin.js:129:58) at new AotPlugin (C:\Users\padmavathi\Downloads\phototype-development\web\dashboard\node_modules\@ngtools\webpack\src\plugin.js:37:14) at […]