聚合物1.0:<霓虹动画页面>的Bower更新

Polymer 1.0: Bower update for <neon-animated-pages>

问题

  • How do I update my web-animations-js/ directory (using Bower?) to support ?

  • Do I even need to do this update in the first place?

背景

1.已验证我的进口货并确认代码有效。

在此之前的问答中,我确认我正在使用正确的导入来使<neon-animated-pages>正常工作。

2.但是出现控制台错误。

但是,现在,当我使用此JSBin中显示的确切代码时,出现以下控制台错误

控制台错误消息

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

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

3.目录内容似乎表明文件丢失。

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
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.这就是我尝试过的。

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

终端命令

1
2
3
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

So what should I do next?


下一步,恕我直言,是在您的计算机中正常安装凉亭。

如果收到bower: command not found响应,则可能是因为尚未安装Bower,或者是因为Bower不在路径中。

要安装bower,需要先安装npm,然后执行以下终端命令:

$ npm install -g bower

(如果您的npm安装是以root身份进行的,则可能需要以root用户身份才能执行先前的命令)

那应该安装bower并将其放在路径中。

您可以通过执行以下命令来验证是否安装了凉亭:

$ bower help

将安装凉亭并使其正常工作后,您可以执行bower update命令。


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

请注意,我没有先重新安装Bower便下载了PSK,它却无法工作,因为在PSK安装中省略了bower_components目录。因此,我必须先重新安装Bower。然后工作正常。