The "es6" javascript preprocessor was not found. Have you installed it locally?

[daslicht]

When I run riot --type es6 -w app dist

I get:

The "es6" javascript preprocessor was not found. Have you installed it locally?

I am using Node 5
any idea?

[GianlucaGuarini]

Have you followed all the steps ?

[daslicht]

yes, no luck

[daslicht]

I tried both teh babel and es6 option :/

riot --type babel source.tag

[daslicht]

I am a bit confused by babel and es6 , do you need to setup babel (yes i have tried it) when running with the es6 parameter as I show above ?

[GianlucaGuarini]

From riot.com

es6 flag + babel5:

All ECMAScript 6 features can be used. Babel 5 is used for the transformation:
npm install babel@5.8

babel flag + babel6

Babel 6 introduced many breaking changes so if you want to use it you should configure your environment first:
install our babel-preset-es2015-riot
npm install babel-preset-es2015-riot --save-dev
install babel-core as well
npm install babel-core --save-dev
create a .babelrc file containing the preset id
{ "presets": ["es2015-riot"] }

Basically if you want to use Babel5 use the --type es6 if you want to use Babel6 use --type babel
If you want to see an example check this

[daslicht]

Where did you fi d this info on riot.com , please?

[aMarCruz]

@daslicht , search for "es6" and "babel" in http://riotjs.com/guide/compiler/

Edit: Please close this issue if the doc solves your doubts.

[GianlucaGuarini]

@daslicht these info were also provided on the link in my previous post I guess we can close this issue because the doc is pretty clear

[daslicht]

Looks like something else is wrong here, since I followed the steps

[GianlucaGuarini]

@daslicht try the following steps to compile a tag using babeljs:

1. sudo npm install riot babel-core -g
2. git clone git@github.com:GianlucaGuarini/riot-preset-babel-test.git
3. cd riot-preset-babel-test
4. sudo npm install
5. riot component.tag --type babel

At this point you have 2 possible results:

• It worked: component.tag -> component.js
• It didn't work: The "es6" javascript preprocessor was not found. Have you installed it locally?

can you try it please telling me the result?

[daslicht]

Thats what I tried to tell you :)
I always got "The "es6" javascript preprocessor was not found. Have you installed it locally?"
Even tho I installed the preprocessor.
Thats is my current package.json

{
  "name": "start",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "clean": "rimraf dist/",
    "watch": "riot --type es6 -w app dist",
    "compile": "riot --type es6 app dist",
    "browsersync": "browser-sync start --server --files 'dist/*.js, app/*.html' --startPath app",
    "serve": "parallelshell 'npm run watch' 'npm run browsersync'",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "babel": "^6.3.26",
    "es6": "0.0.7",
    "riot": "^2.3.15"
  },
  "devDependencies": {
    "babel": "^6.3.26",
    "babel-core": "^6.4.5",
    "babel-preset-es2015-riot": "^1.0.2",
    "browser-sync": "^2.11.1",
    "parallelshell": "^2.0.0",
    "rimraf": "^2.5.1"
  }
}

I try it again from scratch

[GianlucaGuarini]

@daslicht have you installed babel-core globally? sudo npm install babel-core -g I think this is the issue. I have updated the doc

[daslicht]

Hi,
I finally found the tutorial I was following

[jpoppe]

I have also just spent a couple of hours to get that tutorial (riot) running!

In the hello-world.tag file I had to replace:
<script type='text/es6'>

With:
<script type="babel">

To make it work.