Vue.js с System.js, как запустить локальный пример

Я хотел бы запустить локально демонстрационное приложение Vue.js/System.js, которое я только что получил, никогда ранее не использовал System.js (и я не буду...)

Я только хочу запустить эту демонстрацию, прежде чем переключать ее на веб-пакет... Нет сценария npm (поэтому не нужно устанавливать, не запускать dev)

Как мне запустить его для отображения в моем локальном браузере? Что-нибудь сделать перед запуском? (нет документации на это..)

demo
    app
        components
            About
            App
            ..
            index.js
        routes
            Home
            ...
            index.js
        style
            main.css
    assets
        home
            ...
        ...
    documentation
        ...
    libs
    favicon.ico
    index.html
    readme.html

ОБНОВИТЬ

вот system.config

System.config({
    defaultJSExtensions: true
    , map: {
        'app': './app'
        , 'js': '/libs/js'
        , 'style': '/libs/css'
        , 'theme': '/app/theme'
        , 'babel': '/libs/js/babel-core'
        , 'components': '/app/components',
        'routes': '/app/routes',
    },
    transpiler: 'babel'
    , meta: {
        'js/*.js': {
            format: 'global'
        }
    }
});

System.import('/app/index.js');

И index.html

<!doctype html>
<html class="no-js" lang="en">"no-js" lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="author" content="BelosTemas">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Test template</title>
    <link rel="shortcut icon" type="image/png" href="favicon.ico" />
    <link rel="stylesheet" href="./app/style/main.css" id="theme-stylesheet">

</head>
<body>
    <div id="app">
        <app></app>
    </div>
    <!-- system -->
    <script src="/libs/js/system.js"></script>
    <script src="/app/system.config.js"></script>
</body>
</html>

ОБНОВЛЕНИЕ 2

Я изменил пути сценария src в относительных путях index.html ( src='./), Теперь файл сценария находится... но он не выполняется правильно, проблема, связанная с CORS..

ошибка:

system.js: 5 Не удалось загрузить файл:///app/index.js: запросы на разные источники поддерживаются только для схем протоколов: http, data, chrome, chrome-extension, https.

Источник

1 ответ

Я решил это, установив легкий веб-сервер

npm install -g live-server

затем в консоли, перейдя в каталог моего приложения, я просто запустить его

live-server

браузер по умолчанию открыт с http://localhost:8080/ бонус: горячая перезагрузка!

Источник
Другие вопросы по тегам