标签: angular-cli

Angular CLI项目在

localhost:4200 

但它不能在（我的本地主机）上运行

10.0.0.30:4200

如何使用IP地址运行它，以便我也可以在其他系统上使用它。

我正在使用Angular CLI开发一个项目.所以我安装了tether npm install tether --save,并使用在app.component.ts中导入了dependdency import * as Tether from 'tether'.

当我尝试初始化Tether时,new Tether({ ... })它在控制台中输出以下错误:

EXCEPTION:WEBPACK_IMPORTED_MODULE_4_tether不是构造函数

如果我用console.log(Tether)它打印Tether变量给我看似空的对象.

你们能帮助我吗？我之前从未使用过打字稿和webpack,所以如果我在这里遗漏了一些明显的东西,我很抱歉.

我已经在电子中配置了cli角，并且有一个链接可以执行将ipcRenderer和ipcMain相互关联的功能：

的HTML：

<a (click)="check()"> click </a>

零件：

constructor(private _e: ElectronService) { }

check () {
   this._e.ipcRenderer.send ('conn', 'round');
   this._e.ipcRenderer.on ('conn-st', (event, args) => {
      console.log (args);
   });
}

main.js（电子）：

ipcMain.on ('conn', function (event, args) {
  event.sender.send ('conn-st', 'trip');
});

问题在于，单击一次时，它会执行一次，但是再次单击时，它会连续执行3、4、5等操作。

并在达到11时抛出此错误：

(node:23006) Error: Possible EventEmitter memory leak detected. 11 conn-st listeners added. Use emitter.setMaxListeners() to increase limit

如何结束ipcRenderer和ipcMain之间的连接？

我更新后angular和angular-cli,我一直面临着奇怪的问题.我有两个<div>s,我试图隐藏一个,并在点击一个按钮时显示另一个.

这是我的功能:

  ngOnInit() {
    this.goalView = this.el.nativeElement.getElementsByClassName('goal-view')[0];
    this.goalEdit = this.el.nativeElement.getElementsByClassName('goal-edit')[0];
  }

  triggerEdit(): void {
    this.goalView.style.display = 'none';
    this.goalEdit.style.display = 'block';
  }

  triggerView(save: boolean): void {
    this.goalEdit.style.display = 'none';
    this.goalView.style.display = 'block';
  }

我的模板:

<div class="goal-view">
  ...
  <button class="ui right floated green button margin-vertical-10" (click)="triggerEdit()"><i class="ui edit icon"></i>Edit</button>
</div>
<div class="goal-edit">
  ...
  <button class="ui right floated green button margin-vertical-10"><i class="ui save icon" (click)="triggerView(true)"></i>Save</button>
</div>

当我点击edit按钮时,它可以工作.当我点击save按钮时,它有时会起作用.但有时它没有,我应该点击30-40次按钮使其工作.我试着console.log("something")在triggerView函数中,但它也是如此.有时工作,有时不工作.

我还检查event.target …

我正在尝试为angular 4项目设置Angular Material。

我遵循了“入门指南”，除几件事外，几乎都有其他所有内容

1. 添加时，工具栏组件不会更改颜色 color="primary"
2. 工具栏的字体系列似乎不正确，实际上，我认为它试图获取的CSS是不正确的。
3. 不需要自定义材质组件的字体家族很奇怪

我在这里使用angular-cli 1.4.9 设置了一个简单的存储库

我想为我的有角度的应用程序添加版本控制，以避免类似style.css?ver=1？我应该在哪里添加angular-cli.json？

我想使用路径映射直接引用与我的angular应用程序位于同一目录结构中的库。

结构体：

mycompany-mylib/
src/
tsconfig.json

我已将以下内容添加到我的 tsconfig.json

{      
  "compilerOptions": {
    ...
    "baseUrl": ".",
    "paths": {
        "@mycompany/mylib": ["mycompany-mylib/lib/src/public_api"],
    }
  }
}

此配置似乎是正确的，并且Typescript可以解析这些路径，因为我在Visual Studio Code中没有出现错误并获得了完整的智能感知。

例如：

import { UserClientModule } from '@mycompany/mylib'

但是，当我运行ng serve或ng serve --aot遇到错误时，找不到该模块（我的AngularCLI版本为1.7.4）：

ERROR in src/app/core/components/user-profile/user-profile.component.ts(5,43): error TS2307: Cannot find module '@mycompany/mylib'.

该技术应该有效，因为有数篇博客文章和github问题都在引用它。我只是看不到我在做什么错。我可以通过提供别名配置来在webpack中解决此问题，但是由于webpack.config.js角度cli中没有，所以我无法做到这一点。

我正在尝试安装angular cli，但在消息下方。如何为nodejs v6.xx安装特定的cli cli版本，哪个角度cli版本适用于nodsjs v6.xx？

You are running version v6.x.x of node.js, which is not supported by angular CLI v6. The official Node.js version that is supported is 8.x and greater.

我试图将我的一个Angular4项目转换为Angular7.这些是我将Angular4项目转换为Angular7所遵循的步骤.

1. 我卸载了旧版本的angular-cli
2. 我安装了更新版本的angular-cli
3. 现在,当我尝试这样做时,npm install它给了我如下所述的错误.

如果我没有按照正确的步骤升级到Angular7,请纠正我

compiler_cli_1.readConfiguration is not a function
TypeError: compiler_cli_1.readConfiguration is not a function
at AngularCompilerPlugin._setupOptions (V:\LamdaAngular\livepinangularwebsite\node_modules\@ngtools\webpack\src\angular_compiler_plugin.js:91:39)
at new AngularCompilerPlugin (V:\LamdaAngular\livepinangularwebsite\node_modules\@ngtools\webpack\src\angular_compiler_plugin.js:52:14)
at _createAotPlugin (V:\LamdaAngular\livepinangularwebsite\node_modules\@angular-devkit\build-angular\src\angular-cli-files\models\webpack-configs\typescript.js:41:12)
at Object.getNonAotConfig (V:\LamdaAngular\livepinangularwebsite\node_modules\@angular-devkit\build-angular\src\angular-cli-files\models\webpack-configs\typescript.js:47:19)
at BrowserBuilder.buildWebpackConfig (V:\LamdaAngular\livepinangularwebsite\node_modules\@angular-devkit\build-angular\src\browser\index.js:84:37)
at DevServerBuilder.buildWebpackConfig (V:\LamdaAngular\livepinangularwebsite\node_modules\@angular-devkit\build-angular\src\dev-server\index.js:111:46)
at MergeMapSubscriber.check_port_1.checkPort.pipe.operators_1.concatMap [as project] (V:\LamdaAngular\livepinangularwebsite\node_modules\@angular-devkit\build-angular\src\dev-server\index.js:38:40)
at MergeMapSubscriber._tryNext (V:\LamdaAngular\livepinangularwebsite\node_modules\@angular-devkit\build-angular\node_modules\rxjs\internal\operators\mergeMap.js:69:27)
at MergeMapSubscriber._next (V:\LamdaAngular\livepinangularwebsite\node_modules\@angular-devkit\build-angular\node_modules\rxjs\internal\operators\mergeMap.js:59:18)
at MergeMapSubscriber.Subscriber.next (V:\LamdaAngular\livepinangularwebsite\node_modules\@angular-devkit\build-angular\node_modules\rxjs\internal\Subscriber.js:67:18)
at TapSubscriber._next (V:\LamdaAngular\livepinangularwebsite\node_modules\@angular-devkit\build-angular\node_modules\rxjs\internal\operators\tap.js:65:26)
at TapSubscriber.Subscriber.next (V:\LamdaAngular\livepinangularwebsite\node_modules\@angular-devkit\build-angular\node_modules\rxjs\internal\Subscriber.js:67:18)
at MergeMapSubscriber.notifyNext (V:\LamdaAngular\livepinangularwebsite\node_modules\@angular-devkit\build-angular\node_modules\rxjs\internal\operators\mergeMap.js:92:26)
at InnerSubscriber._next (V:\LamdaAngular\livepinangularwebsite\node_modules\@angular-devkit\build-angular\node_modules\rxjs\internal\InnerSubscriber.js:28:21)
at InnerSubscriber.Subscriber.next (V:\LamdaAngular\livepinangularwebsite\node_modules\@angular-devkit\build-angular\node_modules\rxjs\internal\Subscriber.js:67:18)
at ForkJoinSubscriber.notifyComplete (V:\LamdaAngular\livepinangularwebsite\node_modules\@angular-devkit\build-angular\node_modules\rxjs\internal\observable\forkJoin.js:82:25)

我刚刚将项目从angular-devkit / build-angular v0.11.4升级到v0.13.4。我现在收到以下错误：

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration.output has an unknown property 'futureEmitAssets'. 
These properties are valid:
   object { auxiliaryComment?, chunkCallbackName?, chunkFilename?, chunkLoadTimeout?, crossOriginLoading?, devtoolFallbackModuleFilenameTemplate?, devtoolLineToLine?, devtoolModuleFilenameTemplate?, devtoolNamespace?, filename?, globalObject?, hashDigest?, hashDigestLength?, hashFunction?, hashSalt?, hotUpdateChunkFilename?, hotUpdateFunction?, hotUpdateMainFilename?, jsonpFunction?, jsonpScriptType?, library?, libraryExport?, libraryTarget?, path?, pathinfo?, publicPath?, sourceMapFilename?, sourcePrefix?, strictModuleExceptionHandling?, umdNamedDefine?, webassemblyModuleFilename? }
   -> Options affecting the output of the compilation. `output` options tell webpack how …