Как использовать plunker или jsfiddle для запуска кода angular2 - PullRequest
Новая
       12

Как использовать plunker или jsfiddle для запуска кода angular2

0 голосов
/ 13 декабря 2018

Я пытался потренировать некоторые программы в plnkr или jsfiddle для Angular 2. Но я всегда вижу, что они не работают, если я открываю инструменты разработчика, я вижу 404 ошибки или некоторые другие исключения.Как правильно запускать приложения Angular2 в plnkr или jsfiddle.

Вот ссылки, на которые я ссылался:

Очень простая программа на Angular2 в jsfiddle 

import {bootstrap} from 'angular2/platform/browser'
import {Component} from 'angular2/core';

@Component({
    selector: 'my-app',
    template: '<h1>My First Angular 2 App</h1>'
})
class AppComponent { }

Другой пример jsfiddle.

Эти 2 примера plnkr: Plunkr1 , plunkr2

Обновление:

Когда я использую jsfiddle, я выбрал Typescript + Angular 2, например,

enter image description here

В консоли разработчика по-прежнему отображаются сообщения об ошибках:

enter image description here

Это сведения об ошибке: 

angular2.js:3282 Uncaught ReferenceError: System is not defined
    at angular2.js:3282
(anonymous) @ angular2.js:3282
angular2.dev.js:1 Failed to load resource: the server responded with a status of 404 ()
Rx.js:1 Failed to load resource: the server responded with a status of 404 ()
system.js:1 Failed to load resource: the server responded with a status of 404 ()
Rx.js:1 Failed to load resource: the server responded with a status of 404 ()
angular2.dev.js:1 Failed to load resource: the server responded with a status of 404 ()
require.js:8 Uncaught Error: Module name "angular2/platform/browser" has not been loaded yet for context: _. Use require([])
http://requirejs.org/docs/errors.html#notloaded
    at G (require.js:8)
    at Object.e [as require] (require.js:27)
    at requirejs (require.js:33)
    at eval (eval at exec (typescript.js:41), <anonymous>:9:17)
    at exec (typescript.js:41)
    at HTMLDocument.runScripts (typescript.js:41)

1 Ответ

0 голосов
/ 13 декабря 2018

Jsfiddle.net: в окне Javascript jsfiddle вы можете выбрать Javascript + Angular из раскрывающегося списка, который появляется при нажатии на заголовок фрейма JS.Это относительно новая функция в jsfiddle, которая была обновлена ​​несколько месяцев назад.

Также ознакомьтесь с Stackblitz.com , который является еще одним онлайн-редактором, удобным для использования с React / Angular и другими средами JS.

Если вы получаете 404 исключения для файла, который не найден и т. Д., Это может произойти из-за неверного / неполного пути или отсутствующего файла.

У вас есть пути к несуществующим ресурсам на панели ресурсов.Избыточные ссылки вызывают ошибки 404.Либо используйте jsfiddle Javascript / Angular Combo ИЛИ используйте допустимые импортированные ресурсы.Удалите избыточные ресурсы (все, кроме require.js), и вы увидите разницу.Также исправьте любые синтаксические ошибки.

Надеюсь, это поможет

(я не пользуюсь plunkr, не могу дать совет там) ..

...