ember.js как расширить уголек-кли-аддон компонент

Question

Я использую Stripe в мое приложение Эмбер, и я поставил его, следуя инструкциям здесь: https://github.com/sweettooth/ember-cli-stripe

так как мое приложение стоит сейчас компонент уголек-контроль установлен с помощью этого аддона в

myappname/node_modules/уголек-кли-нашивка/приложение/компоненты/полосовой-касса

Теперь я хочу, чтобы создать новый компонент «моя полоса -checkout ", и расширьте его по умолчанию элемент ember-cli-stripe.

Я пробовал:

import StripeCheckoutComponent from '../node_modules/ember-cli-stripe/app/components/stripe-checkout'; 
import StripeCheckoutComponent from 'ember-cli-stripe/app/components/stripe-checkout'; 
import StripeCheckoutComponent from 'app/components/stripe-checkout'; 

в мой мой-полосковой кассе компонент, который я выручено Ember г, но безрезультатно.

Я всегда получаю сообщение об ошибке этого шаблона:

Could not find module `app/components/stripe-checkout` imported from `myappname/components/my-stripe-checkout` 

И согласно этому вопросу: How to extend an ember-cli addon?

Я пытался делать

import StripeCheckoutComponent from 'ember-cli-stripe/components/stripe-checkout'; 

но такая же ошибка.

Я также попытался как:

export default Ember.StripeCheckoutComponent.extend({ }) 

и

export default StripeCheckoutComponent.extend({}) 

на каждой итерации импорта, но ничего, кажется, работает. Как расширить компонент ember-cli-addon?

Answer 1

Ну, вам нужно понимать, что каталог addon напрямую связан с вашей структурой приложения. Лучше всего хранить весь код в каталоге addon, однако ember-cli-stripe этого не сделал. Так внутри вашей components директории, которую вы в принципе можно сделать

import StripeCheckoutComponent from './stripe-checkout'; 

или

import StripeCheckoutComponent from 'YourAppName/components/stripe-checkout'; 

Если компонент будет в addon директории аддона правильный путь будет:

import StripeCheckoutComponent from 'ember-cli-stripe/components/stripe-checkout';