search

mgechev / angular-seed

🌱 [Deprecated] Extensible, reliable, modular, PWA ready starter project for Angular (2 and beyond) with statically typed build and AoT compilation
https://mgechev.github.io/angular-seed
MIT License
4.57k stars 1.45k forks source link

traceur.js not found with angular 2.0.1 #1416

Closed jcamus closed 8 years ago

jcamus commented 8 years ago

A big problem here, when running my application with latest angular core version

_Failed to load resource: the server responded with a status of 404 (Not Found) localhost/:99 Error: (SystemJS) XHR error (404 Not Found) loading http://localhost:5555/node_modules/traceur.js(…) "Report this error at https://github.com/mgechev/angular2-seed/issues"_

here is my package.json 

{
  "name": "angular2-seed",
  "version": "0.0.0",
  "description": "Modular seed project for Angular 2 apps with fast, statically typed build",
  "repository": {
    "url": "https://github.com/mgechev/angular2-seed"
  },
  "scripts": {
    "build.dev": "gulp build.dev --color",
    "build.dev.watch": "gulp build.dev.watch --color",
    "build.e2e": "gulp build.e2e --color",
    "build.prod": "gulp build.prod --color",
    "build.test": "gulp build.test --color",
    "build.test.watch": "gulp build.test.watch --color",
    "generate.manifest": "gulp generate.manifest --color",
    "e2e": "protractor",
    "e2e.live": "protractor --elementExplorer",
    "gulp": "gulp",
    "karma": "karma",
    "karma.start": "karma start",
    "postinstall": "typings install && gulp check.versions && npm prune && gulp webdriver",
    "reinstall": "npm cache clean && npm install",
    "serve.coverage": "remap-istanbul -b src/ -i coverage/coverage-final.json -o coverage -t html && npm run gulp -- serve.coverage --color",
    "serve.dev": "gulp serve.dev --color",
    "serve.e2e": "gulp serve.e2e --color",
    "serve.prod": "gulp serve.prod --color",
    "start": "gulp serve.dev --color",
    "tasks.list": "gulp --tasks-simple --color",
    "test": "gulp test --color",
    "test-no-color": "gulp test-no-color",
    "e2e.ci": "gulp build.prod --color && gulp build.js.e2e --color && gulp e2e --color",
    "tests.all": "npm test && npm run e2e.ci",
    "webdriver-start": "webdriver-manager start",
    "webdriver-update": "webdriver-manager update"
  },
  "author": "Minko Gechev <mgechev>",
  "license": "MIT",
  "devDependencies": {
     "async": "^2.0.0",
    "autoprefixer": "^6.3.7",
    "browser-sync": "^2.13.0",
    "codelyzer": "0.0.25",
    "colorguard": "^1.2.0",
    "compression": "^1.6.2",
    "connect": "^3.4.1",
    "connect-history-api-fallback": "^1.2.0",
    "connect-livereload": "^0.5.4",
    "cssnano": "^3.7.3",
    "deep-extend": "^0.4.1",
    "doiuse": "^2.4.1",
    "event-stream": "^3.3.3",
    "express": "~4.14.0",
    "express-history-api-fallback": "^2.0.0",
    "extend": "^3.0.0",
    "gulp": "^3.9.1",
    "gulp-cached": "^1.1.0",
    "gulp-clean-css": "^2.0.11",
    "gulp-concat": "^2.6.0",
    "gulp-concat-css": "^2.3.0",
    "gulp-filter": "^4.0.0",
    "gulp-inject": "^4.1.0",
    "gulp-inline-ng2-template": "^2.0.4",
    "gulp-load-plugins": "^1.2.4",
    "gulp-plumber": "~1.1.0",
    "gulp-postcss": "^6.1.1",
    "gulp-progeny": "^0.3.1",
    "gulp-protractor": "^2.4.0",
    "gulp-replace": "^0.5.4",
    "gulp-sass": "^2.3.2",
    "gulp-sass-lint": "^1.2.0",
    "gulp-shell": "~0.5.2",
    "gulp-sourcemaps": "2.0.0-alpha",
    "gulp-template": "^4.0.0",
    "gulp-tslint": "^6.0.1",
    "gulp-typescript": "~2.13.6",
    "gulp-uglify": "^1.5.4",
    "gulp-util": "^3.0.7",
    "gulp-watch": "^4.3.8",
    "is-ci": "^1.0.9",
    "isstream": "^0.1.2",
    "jasmine-core": "~2.4.1",
    "jasmine-spec-reporter": "^2.5.0",
    "karma": "~0.13.22",
    "karma-phantomjs-launcher": "^1.0.0",
    "karma-chrome-launcher": "~1.0.1",
    "karma-coverage": "^1.1.0",
    "karma-jasmine": "~1.0.2",
    "karma-mocha-reporter": "^2.0.4",
    "karma-junit-reporter": "^0.2.2",
    "merge-stream": "^1.0.0",
    "open": "0.0.5",
    "postcss-reporter": "^1.4.1",
    "protractor": "^4.0.0",
    "remap-istanbul": "^0.6.4",
    "rimraf": "^2.5.3",
    "run-sequence": "^1.2.2",
    "semver": "^5.3.0",
    "serve-static": "^1.11.1",
    "slash": "~1.0.0",
    "stream-series": "^0.1.1",
    "stylelint": "^7.0.2",
    "stylelint-config-standard": "^11.0.0",
    "systemjs-builder": "0.15.14",
    "tildify": "^1.2.0",
    "tiny-lr": "^0.2.1",
    "ts-node": "^0.9.3",
    "tslint": "^3.13.0",
    "tslint-stylish": "2.1.0-beta",
    "typescript": "^2.0.3",
    "typings": "^1.4.0",
    "vinyl-buffer": "^1.0.0",
    "vinyl-source-stream": "^1.1.0",
    "walk": "^2.3.9",
    "yargs": "^4.8.0"
  },
  "dependencies": {
    "@angular/common": "~2.0.1",
    "@angular/compiler": "~2.0.1",
    "@angular/core": "~2.0.1",
    "@angular/forms": "~2.0.1",
    "@angular/http": "~2.0.1",
    "@angular/platform-browser": "~2.0.1",
    "@angular/platform-browser-dynamic": "~2.0.1",
    "@angular/router": "~3.0.1",
    "bootstrap": "^3.3.7",
    "core-js": "^2.4.1",
    "es6-module-loader": "^0.17.8",
    "es6-promise": "^3.1.2",
    "es6-shim": "0.35.0",
    "jquery": "^2.2.3",
    "ng2-bootstrap": "^1.0.23",
    "ng2-translate": "2.4.1",
    "reflect-metadata": "^0.1.8",
    "rxjs": "5.0.0-beta.12",
    "systemjs": "0.19.39",
    "zone.js": "^0.6.25"
  }
}

What is wrong please?

mgechev commented 8 years ago

Did you migrate to final from RC.4? If so, you need to make sure that you've updated your SystemJS configuration. Currently Angular is distributed with ES6 modules in order to be easier for tree-shaking. If SystemJS finds out that you have ES6 syntax it by default tries to load traceur which is what happens in your case.

You can see how your setup differs from the one of the seed and fix it based on the information above. Good luck! Let us know how it goes!

jcamus commented 8 years ago

Hello, I've just updated to the latest angular2-seed. Install and build seems ok. But when app is running here is my error :

    at eval (http://localhost:5555/node_modules/traceur/src/node/api.js:22:12)
Evaluating http://localhost:5555/node_modules/traceur/src/node/api.js
Error loading http://localhost:5555/node_modules/traceur/src/node/api.js
Unable to load transpiler to transpile http://localhost:5555/node_modules/@angular/core/src/facade/lang.js
Error loading http://localhost:5555/node_modules/@angular/core/src/facade/lang.js as "@angular/core/src/facade/lang" from http://localhost:5555/node_modules/ng2-translate/src/translate.pipe.js
    at eval (http://localhost:5555/node_modules/traceur/src/node/api.js:22:12)
Evaluating http://localhost:5555/node_modules/traceur/src/node/api.js
Error loading http://localhost:5555/node_modules/traceur/src/node/api.js
Unable to load transpiler to transpile http://localhost:5555/node_modules/@angular/core/src/facade/lang.js
Error loading http://localhost:5555/node_modules/@angular/core/src/facade/lang.js as "@angular/core/src/facade/lang" from http://localhost:5555/node_modules/ng2-translate/src/translate.pipe.js "Report this error at https://github.com/mgechev/angular2-seed/issues"

any help? regards

mgechev commented 8 years ago

The error confirms the comment above. ng2-translate tries to load http://localhost:5555/node_modules/@angular/core/src/facade/lang.js which contains ES6 file.

Here are more details from the ng2-translate issue tracker https://github.com/ocombe/ng2-translate/issues?q=is%3Aissue+traceur+is%3Aclosed