Question

所以我让一些Dart项目正常工作。但是，当我尝试使用网络时，没有任何作用。我导入了我想要的，出了什么问题？

所以这是代码（这是从git获取的一个例子）。

project.html：

<!DOCTYPE html>

<html>
  <head>
    <meta charset="utf-8">
    <title>Shout This!</title>
    <link rel="stylesheet" href="project.css">
  </head>
  <body>
    <h1>Shout This!</h1>

      <input type="text" bind-value="shoutThis" placeholder="Shout This!">

      <div>      Length: {{ shoutThis.length }} </div>
      <div>     Shouted: {{ shoutThis.toUpperCase() }} </div>
      <div>   Substring: {{ (shoutThis.length >= 6) ?
                         shoutThis.substring(1, 5) :
                         shoutThis.substring(0, 0) }} </div>
      <div> Palindromic: {{ palindrome() }} </div>

    <script type="application/dart" src="project.dart"></script>
    <script src="packages/browser/dart.js"></script>
  </body>
  </html>

project.dart：

  import 'dart:html';
  import 'package:web_ui/web_ui.dart';
  import 'package:web_ui/watcher.dart' as watchers;


  String shoutThis='';

  void main() {
    window.alert('test');
  }

  String palindrome() {
    var buffer = new StringBuffer(shoutThis);
    for (int i = shoutThis.length - 1; i >= 0; i--) {
      buffer.write(shoutThis[i]);
    }
    return buffer.toString();
  }

当我启动项目时，我显示了测试消息，但是web ui不起作用，我得到了这个：{{shoutThis.length}}以文本方式显示。

Answer 1

单击（运行）'out'目录中的html文件而不是您正在编辑的源文件。请记住，您构建/启动了当时选择的文件。

确保您事先也已创建build.dart文件。

Dart组件无法正常工作 - 为什么我的设置错误？

1 个答案: