1、angular项目创建之后启动在控制台报以下的错误,但是ng serve却没有报错,启动正常,但页面却没有任何东西

image.png

解决办法:
ng build —prod —base-href
然后再ng serve —open启动就可以啦

2.引用第三方库,修改组件样式 :host ::ng-deep

:host表示选择器,选择当前的组件
::ng-deep 可以忽略中间的className的嵌套层级关系,直接找到要修改的className
官方文档表示,ng-deep在未来版本将会被放弃

  1. :host ::ng-deep .className{
  2. 新样式....
  3. }
  4. //举例
  5. :host ::ng-deep .ant-radio-button-wrapper{
  6. width:20% !important;
  7. }

3、运行项目时内存溢出

原因:nodejs 默认限制了最大可使用的内存大小。
image.png
解决方案:
在项目的node-module模块node_modules.bin模块下, 找到ng.cmd和ngc.cmd
通过配置–max_old_space_size属性,修改最大可使用的内存大小。
ng.cmd文件:

  1. @IF EXIST "%~dp0\node.exe" (
  2. "%~dp0\node.exe" --max_old_space_size=8192 "%~dp0\..\._@angular_cli@1.0.0@@angular\cli\bin\ng" %*
  3. ) ELSE (
  4. @SETLOCAL
  5. @SET PATHEXT=%PATHEXT:;.JS;=;%
  6. node --max_old_space_size=8192 "%~dp0\..\._@angular_cli@1.0.0@@angular\cli\bin\ng" %*
  7. )

ngc.cmd文件:

  1. @IF EXIST "%~dp0\node.exe" (
  2. "%~dp0\node.exe" --max_old_space_size=8192 "%~dp0\..\._@angular_compiler-cli@4.0.1@@angular\compiler-cli\src\main.js" %*
  3. ) ELSE (
  4. @SETLOCAL
  5. @SET PATHEXT=%PATHEXT:;.JS;=;%
  6. node --max_old_space_size=8192 "%~dp0\..\._@angular_compiler-cli@4.0.1@@angular\compiler-cli\src\main.js" %*
  7. )