Aurelia로보기를 동적으로 작성하기

Question

동적으로보기를 작성하려고하는데 런타임시 오류가 발생합니다 Error: Unable to find module with ID: app/components/customers/customer-type-view-converter.html. webpack을 사용하고 있습니다.

여기 여기 여기 변환기를

<template> 

    <require from="./customer-type-view-converter"></require> 
    <ux-dialog style="min-width:500px"> 

     <ux-dialog-header> 
      <h1>Create Customer</h1> 
     </ux-dialog-header> 

     <ux-dialog-body> 
      <form class="form-horizontal"> 

       <div class="form-group"> 

        <label for="name" class="col-sm-4 control-label">Customer Type:</label> 
        <div class="col-sm-8"> 
         <select value.bind="customer.customerType"> 
          <option value="NATURAL">Person</option> 
          <option value="LEGAL">Company or Organisation</option> 
         </select> 

        </div> 

       </div> 

       <compose view.bind="customer.customerType | customerTypeView"></compose> 

      </form> 

     </ux-dialog-body> 

     <ux-dialog-footer> 
      <button click.trigger="controller.cancel()">Cancel</button> 
      <button click.trigger="submit()">Ok</button> 
     </ux-dialog-footer> 

    </ux-dialog> 

</template> 

Answer 1

두 가지 문제를 호출하는 템플릿의 전

import {PLATFORM} from 'aurelia-framework'; 

export class CustomerTypeViewConverter { 
    toView(type: string) { 
    return type == 'LEGAL' ? PLATFORM.moduleName("createLEGALcustomer.html") : PLATFORM.moduleName("createNATURALcustomer.html") 
    } 
    } 

를 사용하고 뷰 계산기입니다. 첫째로. 클래스 이름은 CustomerTypeView 값이어야합니다. Aurelia는 뷰를 필요로하지 않는 특수 클래스로 변환합니다.

그리고 자체는 HTML 파일이 ./로 시작 했어야 값 컨버터

그렇게 웹팩 찾을 수있는 그들

import {PLATFORM } from 'aurelia-framework'; 

export class CustomerTypeViewValueConverter { 
    toView(type: string) { 
    return type == 'LEGAL' ? PLATFORM.moduleName("./createLEGALcustomer.html") : PLATFORM.moduleName("./createNATURALcustomer.html") 
    } 
    }