大多数基本的AngularJS绑定不起作用/凉亭没有安装答案

【问题标题】：Most basic AngularJS binding not working / bower not installing大多数基本的AngularJS绑定不起作用/凉亭没有安装
【发布时间】：2016-07-14 16:57:03
【问题描述】：

我正在通过this tutorial 工作，并且似乎无法超越评估{{ 1 + 2 }} 之类的绑定的最基本的Angular 功能

页面仍然显示代码：

<p>1 + 2 = {{ 1 + 2 }}</p>

作为：

1 + 2 = {{ 1 + 2 }}

当我运行 node --version 时，我得到：v5.7.0

如何调试此类问题？

index.html的完整代码：

<!doctype html>
<html lang="en" ng-app>
<head>
  <meta charset="utf-8">
  <title>My HTML File</title>
  <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css">
  <link rel="stylesheet" href="css/app.css">
  <script src="bower_components/angular/angular.js"></script>
</head>
<body>

  <p>Nothing here {{'yet' + '!'}}</p>

  <p>1 + 2 = {{ 1 + 2 }}</p>

</body>
</html>

似乎是由于这个问题：运行“npm install”时“bower_components”中的目录和文件没有下载。这是我运行此命令时得到的错误日志：

vagrant@homestead:~/Code/angular-phonecat$ npm install
angular-phonecat@0.0.0 /home/vagrant/Code/angular-phonecat
└─┬ karma@0.12.37
  ├─┬ http-proxy@0.10.4
  │ └── optimist@0.6.1
  └── optimist@0.6.1

npm WARN optional Skipping failed optional dependency /chokidar/fsevents:
npm WARN notsup Not compatible with your operating system or architecture: fsevents@1.0.9
npm ERR! Linux 3.19.0-25-generic
npm ERR! argv "/usr/bin/nodejs" "/usr/bin/npm" "install"
npm ERR! node v5.7.0
npm ERR! npm  v3.6.0
npm ERR! path ../semver/bin/semver
npm ERR! code EPROTO
npm ERR! errno -71
npm ERR! syscall symlink

npm ERR! EPROTO: protocol error, symlink '../semver/bin/semver' -> '/home/vagrant/Code/angular-phonecat/node_modules/agent-base/node_modules/.bin/semver'
npm ERR!
npm ERR! If you need help, you may report this error at:
npm ERR!     <https://github.com/npm/npm/issues>

npm ERR! Please include the following file with any support request:
npm ERR!     /home/vagrant/Code/angular-phonecat/npm-debug.log
vagrant@homestead:~/Code/angular-phonecat$

npm-debug.log：

...
/protractor/node_modules/optimist
    1110 silly finalize /home/vagrant/Code/angular-phonecat/node_modules/protractor/node_modules/q
    1111 silly finalize /home/vagrant/Code/angular-phonecat/node_modules/saucelabs
    1112 silly finalize /home/vagrant/Code/angular-phonecat/node_modules/protractor
    1113 silly doSerial build 10
    1114 silly build semver@5.0.3
    1115 info linkStuff semver@5.0.3
    1116 silly linkStuff semver@5.0.3 has /home/vagrant/Code/angular-phonecat/node_modules/agent-base/node_modules as its parent node_modules
    1117 verbose linkBins semver@5.0.3
    1118 verbose link bins [ { semver: './bin/semver' },
    1118 verbose link bins   '/home/vagrant/Code/angular-phonecat/node_modules/agent-base/node_modules/.bin',
    1118 verbose link bins   false ]
    1119 verbose linkMans semver@5.0.3
    1120 silly gentlyRm /home/vagrant/Code/angular-phonecat/node_modules/agent-base/node_modules/.bin/semver is being purged
    1121 verbose gentlyRm don't care about contents; nuking /home/vagrant/Code/angular-phonecat/node_modules/agent-base/node_modules/.bin/semver
    1122 verbose unlock done using /home/vagrant/.npm/_locks/staging-4adac74316f20e6c.lock for /home/vagrant/Code/angular-phonecat/node_modules/.staging
    1123 silly rollbackFailedOptional Starting
    1124 silly rollbackFailedOptional Finishing
    1125 silly runTopLevelLifecycles Starting
    1126 silly runTopLevelLifecycles Finishing
    1127 silly install printInstalled
    1128 warn optional Skipping failed optional dependency /chokidar/fsevents:
    1129 warn notsup Not compatible with your operating system or architecture: fsevents@1.0.9
    1130 verbose stack Error: EPROTO: protocol error, symlink '../semver/bin/semver' -> '/home/vagrant/Code/angular-phonecat/node_modules/agent-base/node_modules/.bin/semver'
    1130 verbose stack     at Error (native)
    1131 verbose cwd /home/vagrant/Code/angular-phonecat
    1132 error Linux 3.19.0-25-generic
    1133 error argv "/usr/bin/nodejs" "/usr/bin/npm" "install"
    1134 error node v5.7.0
    1135 error npm  v3.6.0
    1136 error path ../semver/bin/semver
    1137 error code EPROTO
    1138 error errno -71
    1139 error syscall symlink
    1140 error EPROTO: protocol error, symlink '../semver/bin/semver' -> '/home/vagrant/Code/angular-phonecat/node_modules/agent-base/node_modules/.bin/semver'
    1141 error If you need help, you may report this error at:
    1141 error     <https://github.com/npm/npm/issues>
    1142 verbose exit [ -71, true ]

【问题讨论】：

不，它在代码中：""

标签： angularjs binding

【解决方案1】：

F12 开发者工具中的控制台窗口是否报告任何错误？另外，您抱怨凉亭，是目录中存在的 angularjs 文件： bower_components/angular/angular.js

【讨论】：

F12 控制台说缺少一个 css 文件，我怀疑它属于文件夹 bower_components。事实上，我的项目目录中的整个 bower_components 文件夹都丢失了。当我运行 npm install 命令（据我了解安装各种库和 API）时，我得到错误（见上文）。使用这些框架真的非常令人沮丧......
如果是新项目，请使用 bower install angular
如果是下载的项目，使用凉亭更新，它应该使用他们的凉亭。 Json 文件并下载依赖项