Aurelia - Внешние Требует

Question

Совершенно новый для Aurelia и начинает в него влюбляться. Однако я смущен тем, как включить внешний URL в представление. Например,

<template> 
    <require from="css/bootstrap/bootstrap.css"></require> 
    <require from="fonts/font-awesome-4/css/font-awesome.css"></require> 
    <require from="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,400italic,700,800"></require> 
    <require from="http://fonts.googleapis.com/css?family=Raleway:300,200,100"></require> 
    <require from="css/style.css"></require> 

    <div class="page-host"> 
    <router-view></router-view> 
    </div> 
</template> 

Я получаю сообщение об ошибке:

Uncaught SyntaxError: Unexpected token ILLEGAL 
Evaluating http://fonts.googleapis.com/css?family=Raleway:300,200,100.js 
Error loading http://fonts.googleapis.com/css?family=Raleway:300,200,100.js 

Я делаю неправильно требовать для внешнего CSS или JS-файла?

Answer 1

Тег require пытается загрузить Aurelia ViewModel, а не просто выполнять общий импорт текста.

Как Aurelia - это одностраничное приложение, вполне возможно загрузить внешние CSS/шрифты из вашего index.html с использованием традиционных методов HTML, и вы по-прежнему будете иметь доступ к ним на других ваших представлениях.

Если вы посмотрите на skeleton app, это именно то, как они это делают.