Блог

Здравствуйте, я столкнулся с проблемой при интеграции элементов vaadin в исходный проект angular2.

У меня была эта первая ошибка:

 Error: Error: XHR error (404 Not Found) loading http://localhost:5555/node_modules/@vaadin/package.json(…)
  

Я решил эту проблему, добавив код в файл project.config.ts :

 this.SYSTEM_CONFIG_DEV.paths['@vaadin/angular2-polymer'] =
  `${this.APP_BASE}node_modules/@vaadin/angular2-polymer`;

this.SYSTEM_CONFIG_DEV.packageConfigPaths =
   this.SYSTEM_CONFIG_DEV.packageConfigPaths.concat([
  `${this.APP_BASE}node_modules/@vaadin/*/package.json`
]);

this.SYSTEM_BUILDER_CONFIG.packages['@vaadin/angular2-polymer'] = {
    main: 'index.js',
    defaultExtension: 'js'
}
  

Но теперь у меня есть эта ошибка в моей консоли :

 Error: TypeError: Cannot read property 'prototype' of undefined
      at __extends (http://localhost:5555/node_modules/@vaadin/angular2-polymer/src/polymer-element.js:5:68)
      at eval (http://localhost:5555/node_modules/@vaadin/angular2-polymer/src/polymer-element.js:12:5)
      at Object.eval (http://localhost:5555/node_modules/@vaadin/angular2-polymer/src/polymer-element.js:23:2)
      at eval (http://localhost:5555/node_modules/@vaadin/angular2-polymer/src/polymer-element.js:280:4)
      at eval (http://localhost:5555/node_modules/@vaadin/angular2-polymer/src/polymer-element.js:281:3)
      at eval (<anonymous>)
Evaluating http://localhost:5555/node_modules/@vaadin/angular2-polymer/src/polymer-element.js
Evaluating http://localhost:5555/node_modules/@vaadin/angular2-polymer/index.js
Evaluating http://localhost:5555/app/app.component.js
Evaluating http://localhost:5555/app/main.js
Error loading http://localhost:5555/app/main.js "Report this error at   https://github.com/mgechev/angular2-seed/issues"
  

Когда я удаляю строку кода import { PolymerElement } from '@vaadin/angular2-polymer'; app.component.ts, Angular2 запускается успешно.

Есть ли у кого-нибудь идея помочь мне.

Можете ли вы убедиться, что ваша версия Angular 2 совместима с библиотекой angular2-polymer. Если да, следуйте инструкциям в документации Vaadin https://vaadin.com/docs/-/part/elements/angular2-polymer/overview.html