Vulcanize не разрешает ссылку на web-animation.js

Question

Вулканизировать 1.14.7

Я пытаюсь использовать paper-dropdown-menu в проекте. Использование vulcanize для файла component.html, который импортируется в мой index.html. Vulcanize правильно объединяет все соответствующие файлы, кроме файла web-animations.js. Я получаю следующую ошибку в консоли браузера.

http://localhost:9005/bower_components/web-animations-js/web-        animations-next-lite.min.js 
Failed to load resource: the server responded with a status of 404 (Not Found)

Эта ошибка происходит из вулканизированного файла.

<script src="../../bower_components/web-animations-js/web-animations-next-lite.min.js"></script>

чуть выше определения непрозрачной анимации

Polymer({

is: 'opaque-animation',

Я вулканизируюсь с глотком со следующим конфигом

gulp.task('web_components', () =>
 gulp.src(config.paths.webComponentIndex)
  .pipe(vulcanize({
    abspath: config.paths.dist,
    excludes: [],
    inlineScripts: true,
    stripExcludes: false
  }))
  .pipe(gulp.dest(config.paths.dist))
);

config.paths.dist - это мой каталог dist, а webComponentIndex - это конечно выходной файл в комплекте, который правильно связывает все, кроме этого файла анимации. Если я правильно понимаю этот процесс, этот файл animations.js должен быть соединен вместе со всем остальным, но он этого не делает.

Answer 1

У меня была такая же проблема и я ее решил.

Эта проблема возникает, когда вулканизировать включают bower_components\neon-animation\web-animations.html

А также web-animations.html содержит только один тег:

<script src="../web-animations-js/web-animations-next-lite.min.js"></script>

Все, что вам нужно, это поместить параметр в vulcanize при запуске из js inlineScripts или когда вы выполняете команду --inline-scripts

Эта опция заменит тег скрипта содержимым файла js. И это помогает включить внешние источники в пакет.

Вы уверены, что у вас есть папка web-animations-js в bower_components?