Angular2安装指令时出错

时间:2016-09-28 11:25:59

标签: angular

我试图熟悉Ang2。我正在按照一些教程说明我应该使用命令" ng g d NAME"添加一个指令。现在,当我这样做时,我得到一个错误:

安装指令:

  • 创建src \ app \ highlight.directive.spec.ts
  • 创建src \ app \ highlight.directive.ts

    Cannot read property 'read' of undefined
    TypeError: Cannot read property 'read' of undefined
       at InsertChange.apply (c:\Users\...\Desktop\Tutorials\Angular2\udemy\02-directives\node_modules\@angular-cli\ast-tools\src\change.js:96:20)
       at c:\Users\...\Desktop\Tutorials\Angular2\udemy\02-directives\node_modules\@angular-cli\ast-tools\src\change.js:71:61  
       at process._tickCallback (internal/process/next_tick.js:103:7)
    

我不知道该怎么做,以解决这个问题。 .ts文件已创建,但我无法在组件中使用该指令。

欢迎任何建议。

2 个答案:

答案 0 :(得分:2)

我对angular-cli 1.0.0-beta.15也有同样的问题,用1.0.0-beta.16修复它

  • npm install -g angular-cli更新您的全球ng cli

  • 我使用1.0.0-beta.16(devDependencies)修改我的package.json项目,而不是1.0.0-beta.15

  • 项目中的
  • npm install

它有效。

答案 1 :(得分:0)

相同的答案@MrJuliuss但有完整的步骤和细节......以下步骤适用于全局安装。要使其仅用于本地,请从-g命令中删除npm

  1. 运行ng -v以查看您的版本。

    angular-cli: 1.0.0-beta.15
    node: 6.5.0
    os: darwin x64
    
  2. 获取最新版本的Node:https://nodejs.org/

  3. 卸载beta.15(少于16个)

    npm uninstall -g angular-cli
    
  4. 清理缓存

    npm cache clean
    
  5. 重新安装新的最新版本

    npm install -g angular-cli@latest
    
  6. 使用新CLI创建新项目。您可以将代码文件复制/粘贴到新项目中。旧项目不允许新CLI工作。 (这继续让我相信这是一个权限问题。

    ng new <project-name>