import Hello ^ Syntax Error

[jhammars]

As a beginner, it is kind of hard to figure out what syntax is supported out of the box. For example

---

let Hello = 'Hi';
export default Hello;

import Hello from './components/hello';
console.log(Hello);

..will throw the error: "Hmmm. We're having trouble parsing a file.".

More clear docs/readme regarding what syntax to use would be awesome.

[yoshuawuyts]

Oh, that's odd — I'm not getting the same error for similar code. Could you perhaps create a repro? Thanks!

[jhammars]

Seems like I missed the crucial part that generated the error. Here is a repo to replicate: https://github.com/jhammars/bankai-import-hello

, where this commented line somehow is causing the error: https://github.com/jhammars/bankai-import-hello/blob/master/src/index.js#L1

[Flet]

It looks like the sheetify transform does not like the import line.
https://github.com/choojs/bankai/blob/master/lib/graph-script.js#L53

Commenting it out the sheetify transform allows this to run.

I tried moving the sheetify transform to after the babeliy transform, but the error is still thrown. :(

[Flet]

Oh interesting!
If the // sheetify comment is removed from here:
https://github.com/jhammars/bankai-import-hello/blob/master/src/index.js#L1

Then it works!

I think this is related to stackcss/sheetify#131

[jhammars]

Yes, It's a little peculiar. The word "sheetify" is explicitly causing the error, even when it is in a comment. Spell sheetify wrong and you are all good =)

And yes, it looks like it might be related to stackcss/sheetify#131

The problem for me personally, as a JS beginner, is that I have no clue how to use sheetify in combination with ES6 module syntax. If the docs would say that ES6 module syntax is not currently recommended, it would be of great help imo.