Polymer 1.0：<neon-animated-pages>

Question

问题/ s的

  

  

• 如何更新我的web-animations-js/目录（使用Bower？）以支持<neon-animated-pages>？

  

• 我是否首先需要进行此更新？

  

背景

1。已验证我的导入并确认代码有效。

In my previous question and answer here，我确认我使用了<neon-animated-pages>的正确导入功能。

2。但是我收到了控制台错误。

但是，现在当我使用确切的code shown in this JSBin时，我收到以下控制台错误

控制台错误消息

Uncaught TypeError: Cannot read property 'cancel' of null
web-animations-next-animation.js:37

所以也许我没有安装所有Bower依赖项......

3。目录内容似乎表示缺少文件。

检查我的bower_components/web-animations-js/目录的内容，我看到以下文件结构。

web-animations-js /目录文件结构

web-animations-js/
  |-- .bower.json
  |-- bower.json
  |-- COPYING
  |-- History.md
  |-- README.md
  |-- web-animations-next-lite.min.js
  |-- web-animations-next-lite.min.js.map
  |-- web-animations-next.min.js
  |-- web-animations-next.min.js.map
  |-- web-animations.html
  |-- web-animations.min.js
  |-- web-animations.min.js.gz
  |-- web-animations.min.js.map

所以我认为我需要更新我的web-animations-js/目录以包含控制台错误引用的web-animations-next-animation.js文件。

4。所以这就是我尝试过的。

我已经尝试了以下所有终端命令。

终端命令

$ bower update --save web-animations/web-animations-js
$ bower update --save web-animations-js
$ bower install --save web-animations/web-animations-js
$ bower install --save web-animations-js

但我在每种情况下得到了这个回复：bower: command not found。

  

那我接下来该怎么办？

Answer 1

下一步，恕我直言，是在你的电脑上安装一个凉亭。

如果您收到bower: command not found个回复，可能是因为您没有安装凉亭，或者因为凉亭不在路径中。

要安装bower，您需要安装npm，然后执行以下终端命令：

$ npm install -g bower

（如果您的npm安装是以root身份进行的，则可能需要root才能执行先前命令）

那应该安装凉亭并把它放在路径上。

您可以通过执行以下方式验证bower是否已安装：

$ bower help

当bower安装并正常工作时，您可以执行bower update命令。

Answer 2

我在根级别重新安装了Bower并下载了新版本的Polymer Starter Kit。这似乎解决了核心问题，<neon-animated-pages>正在发挥作用。

请注意，我首先下载PSK而没有先重新安装Bower，但由于PSK安装中省略了bower_components目录，因此无法正常工作。所以我不得不首先重新安装Bower。然后它工作正常。