System.js проблем


0
<body> <script src="bower_components/system.js/dist/system.js"></script> <script> System.config = ({ transpiler : 'babel', map: { 'babel': 'node_modules/babel-core/browser.js' } }); System.import('app/app.js'); </script> </body>

Използвам същия http-server като от лекцията на Doncho Minkov но ми дава следната грешка в браузъра при опит за import в app.js

app.js:

import 'bower_components/jquery/dist/jquery.js'; $('<h1/>').text('load').appendTo(document.body);

GET http://localhost:8889/traceur 404 (Not Found)M @ system.src.js:4050o.fetch @ system.src.js:4050o.fetch @ system.src.js:4050g @ system.src.js:4050(anonymous function) @ system.src.js:4050n @ system.src.js:4050a @ system.src.js:4050n @ system.src.js:4050(anonymous function) @ system.src.js:4050(anonymous function) @ system.src.js:4050(anonymous function) @ system.src.js:4050
localhost/:1 Uncaught (in promise) Error: XHR error (404 Not Found) loading http://localhost:8889/traceur
Error loading http://localhost:8889/traceur
Error loading http://localhost:8889/app/app.js
    at r (http://localhost:8889/bower_components/system.js/dist/system.js:4:10674)
    at XMLHttpRequest.o.onreadystatechange (http://localhost:8889/bower_components/system.js/dist/system.js:4:11199)




Отговори



0

Пробвай да импортнеш config.js след system.js и преди останалите неща:

При мен е така:

<script src="jspm_packages/system.js"></script>
<script src="config.js"></script>
<script>
/* global System */

// loads /app/main.js
System.import('./app/main');


</script>

И в самия config.js са си дефинирани всичките неща, които са необходими и инсталирани през jspm


от topalkata (6442 точки)


1

Тръгна след следните промени. Не разбрах какъв е проблема

<script src="bower_components/system.js/dist/system.js"></script> <script> System.config({ transpiler: "babel", babelOptions: { optional: [ "runtime" ] }, map: { babel: 'node_modules/babel-core/browser.js', jquery: 'bower_components/jquery/dist/jquery.js' } }); System.import('./app/app.js'); </script> </body>

app.js

import 'jquery'; $('<h1/>').text('load').appendTo(document.body);


от TodorDimitrov (757 точки)

0
Браво, важното е, че е тръгнало :) И аз оня ден бая мъчих, докато подкарам всичко...

от topalkata (6442 точки)



3
А има ли видео от лекцията на Doncho Minkov? Нямах възможност тази седмица да присъствам на лекциите, а от видеата на Евлоги, които са качени в системата, останах повече от объркан... Може и в мен да е проблемът, нямам никакви претенции... 
Ако има линк към други материали към курса, ще съм благодарен, ако някой го сподели.

от plamenti (534 точки)


1

от M.Yankov (1418 точки)

0
Благодаря ти, жив да си :)

от plamenti (534 точки)


0
И аз имах проблем с http-server ... направо ми правеще конфликт някакъв и целият комп се сриваше... смених го с live-server (същото горе-долу - след npm install liv-server го стартираш от директорията чрез команд-промпта с live-server) - това ми реши проблемите

от divided.zero (692 точки)


0

За да не отварям нова тема, ще пиша тук. Опитах да си направя няколко модула ползвайки новият стандарт с класовете в ES6, пускайки приложението ми излизат следните грешки:

GET http://127.0.0.1:8080/babel-runtime/helpers/create-class 404 (Not Found)M @ system.src.js:4050(anonymous function) @ system.src.js:4050o.fetch @ system.src.js:4050(anonymous function) @ system.src.js:4050(anonymous function) @ system.src.js:4050(anonymous function) @ system.src.js:4050(anonymous function) @ system.src.js:4050(anonymous function) @ system.src.js:4050(anonymous function) @ system.src.js:4050(anonymous function) @ system.src.js:4050(anonymous function) @ system.src.js:4050 127.0.0.1/:1 Uncaught (in promise) Error: XHR error (404 Not Found) loading http://127.0.0.1:8080/babel-runtime/helpers/create-class Error loading http://127.0.0.1:8080/babel-runtime/helpers/create-class as "babel-runtime/helpers/create-class" from http://127.0.0.1:8080/app/models/user-model.js at r (http://127.0.0.1:8080/bower_components/system.js/dist/system.js:4:10674) at XMLHttpRequest.o.onreadystatechange (http://127.0.0.1:8080/bower_components/system.js/dist/system.js:4:11199)t @ system.src.js:4050v @ system.src.js:4050(anonymous function) @ system.src.js:4050 system.src.js:4050 GET http://127.0.0.1:8080/babel-runtime/helpers/class-call-check 404 (Not Found)

Ето го и кода на класа ми:

class User{ constructor(){ this.name = 'Peter'; } get(){ return this.name; }} export default new User();

Гледах, че в демата които си бяха качени ползват класове. Само че там се ползва jspm, а аз ползвам bower и npm, не знам дали може да е от това, иначе конфигурацията ми на babel е копирана от демата.


от sa66eto (1945 точки)


0
При мен също има проблем със System.js. Инсталирах го, но в браузъра ми дава "System.import is not a function", export-а също не го разпознава.



0

Добавила ли си конфиурацията за babel след като добавяш System.js

<script src="bower_components/system.js/dist/system.js"></script> <script> System.config({ transpiler: "babel", babelOptions: { optional: [ "runtime" ] }, map: { babel: 'node_modules/babel-core/browser.js', jquery: 'bower_components/jquery/dist/jquery.js' } }); System.import('./app/app.js'); </script>

Ей така


от sa66eto (1945 точки)

0
Да, направих го. Същия проблем остава