How to convert Dart to JavaScript?

Question

The Dart app runs fine in Dartium, but I would like to convert it to JS.

C:\dart-sdk\bin\dart2js --out=test.js main.dart generates JS from:

import 'dart:html';

void main() {
  querySelector('#myid').text = 'Wake up, sleepy head!';
}

Then I add it to the <head>:

<!DOCTYPE html>
<html>
<head>
  <title></title>
  <script type="text/javascript" src="test.js"></script>
</head>
<body>
  <p id="myid">hello</p>
</body>
</html>

But when I run it in Firefox, it doesn't work. It shows only "Hello" on the page. What am I doing wrong?

Community · Accepted Answer · 2017-05-23 12:17:00Z

5

dart2js is usually not the straight-forward way to generated JS from Dart. Normally you just run pub build in your project directory. Ensure you have your pubspec.yaml configured properly csp: true (for Chrome apps Using Polymer in a Dart Chrome App, Chrome App CSP violation after Dart/Polymer transform/compile to JavaScript)

edited May 23, 2017 at 12:17

CommunityBot

11 silver badge

answered Apr 27, 2015 at 20:00

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

Sign up to request clarification or add additional context in comments.

9 Comments

Suliman Over a year ago

How to use pub on Windows? Should I add Dart SDK folder to PATH? And then run pub in myAppFolder? How I can generate empty pubspec.yaml?

Günter Zöchbauer Over a year ago

Yup, add dart-sdk/bin to the path. Also DartEditor contains context menus, I think on pubspec.yaml or in tools menu (It's a while I used it).

Robert Over a year ago

Just open your pubspec.yaml and on the right there is run pub build.

Suliman Over a year ago

And what next? Which js file I should include?

Günter Zöchbauer Over a year ago

If you have an xxx.html page (index.html or whatever name you choose) with a Dart script tag in web you get the same xxx.html output to build/web/xxx.html with the JS script tags already properly set.

|

Collectives™ on Stack Overflow

How to convert Dart to JavaScript?

1 Answer 1

9 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

9 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related