带有角飞镖和聚合物飞镖的材料设计.编译问题 [英] material Design with Angular Dart and Polymer dart. Compilation issues

查看:29
本文介绍了带有角飞镖和聚合物飞镖的材料设计.编译问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我在这里不知所措.在过去的 48 小时里,我一直在努力让这些技术发挥作用.我到处都读到它们应该能够工作,但这只是一个接一个的问题.我已经尝试了我的 pubspeck.yaml 文件的各种组合,但我得到的结果要么是代码根本无法构建,要么就是不起作用 >.>

如果我能得到任何帮助,我将不胜感激!

我的 pubspeck.yaml:

名称:废话依赖:角度:0.12.0angular_node_bind: 任何shadow_dom: 任何浏览器:任意聚合物:>=0.11.0<0.12.0"核心元素:>=0.0.6 <0.1.0"纸元素:任何变压器:- 有角度的- 聚合物:入口点:- 网页/index.html依赖覆盖:聚合物:>= 0.11.1-dev <0.12.0"浏览器:任意web_components: 0.4.0分析器:>=0.15.6 <0.16.0"html5lib: ">=0.11.0 <0.12.0"

我的飞镖文件:

import 'package:polymer/polymer.dart';导入'包:角度/角度.dart';导入'包:角度/application_factory.dart';导入'包:angular_node_bind/angular_node_bind.dart';//HACK,直到我们修复代码生成大小.这并不能真正解决它,//只是让它变得更好.@MirrorsUsed(覆盖:'*')进口飞镖:镜子";无效主(){initPolymer().run(() {applicationFactory().addModule(new AppModule()).addMdoule(new NodeBindModule()).run();});}

最后是我的 html:

<!--[如果是 IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]--><!--[如果 IE 7]><html class="no-js lt-ie9 lt-ie8"><![endif]--><!--[如果 IE 8]><html class="no-js lt-ie9"><![endif]--><!--[if gt IE 8]><!--><html class="no-js"><!--<![endif]--><头><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>GTHR</title><meta name="description" content=""><meta name="viewport" content="width=device-width, initial-scale=1"><!-- 最新编译和缩小的 CSS --><link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"><!-- 可选主题--><link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css"><link href="css/screen.css" media="screen,projection" rel="stylesheet" type="text/css"/><script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script><!-- <script src="packages/web_components/platform.js"></script>不再需要 Polymer >= 0.14.0 --><script src="packages/web_components/dart_support.js"></script><link rel="import" href="packages/paper_elements/paper_tabs.html"><link rel="import" href="packages/paper_elements/paper_tab.html"><link rel="import" href="packages/core_elements/core_header_panel.html"><link rel="import" href="packages/core_elements/core_toolbar.html"><script type="application/dart" src="Application.dart"></script><script src="packages/browser/dart.js"></script><body fullbleed 布局垂直><!--[如果是 IE 7]><p class="browsehappy">您使用的是<strong>过时</strong>浏览器.请<a href="http://browsehappy.com/">升级您的浏览器</a>以改善您的体验.</p><![endif]--><core-header-panel mode="waterfall"><div class="core-header">我的应用程序

<div><核心工具栏><paper-tabs selected="0" role="tablist"><paper-tab>世界</paper-tab><paper-tab>关注者</paper-tab><paper-tab>我的</paper-tab></paper-tabs></核心工具栏>

</core-header-panel><div class="main-container"><div class="main wrapper clearfix">

<!-- #main -->

<!-- #main-container --><div class="footer-container"><footer class="wrapper"><h3>页脚</h3></页脚>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script><脚本>window.jQuery ||document.write('<script src="js/vendor/jquery-1.11.0.min.js"><\/script>')</script><!-- 最新编译和缩小的 JavaScript --><script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script><script src="packages/shadow_dom/shadow_dom.debug.js"></script><script src="js/flowtype.js"></script><script src="js/main.js"></script><!-- Google Analytics:将 UA-XXXXX-X 更改为您网站的 ID.--><脚本>(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;e=o.createElement(i);r=o.getElementsByTagName(i)[0];e.src='http://www.google-analytics.com/analytics.js';r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));ga('create','UA-XXXXX-X');ga('send','pageview');</html>

按照我的原样,Dart2js 给我以下输出:

使用 pubspeck.yaml 我得到以下输出:

正在加载源资源...正在加载烟雾/src/default_transformer 变压器...加载 di 变压器... (1.7s)正在加载观察变压器...正在加载角度变压器...正在加载聚合物/src/build/mirrors_remover 变压器...正在加载聚合物变压器...正在加载聚合物变压器...正在加载聚合物变压器... (1.0s)构建 gthr-web... (14.1s)[来自 Dart2JS 的信息]:正在编译 gthr-web|web/Application_static_expressions.dart...[来自 Dart2JS 的错误]:web/Application_static_expressions.dart:1:13:应为;",但得到-".库 gthr-web.web.Application.generated_expressions;^[来自 Dart2JS 的信息]:用 0:00:00.519007 编译 gthr-web|web/Application_static_expressions.dart.[来自 Dart2JS 的信息]:正在编译 gthr-web|web/Application.dart...[gthr-web|web/Application.dart 上 Dart2JS 的错误]:web/Application_static_expressions.dart:1:13:应为;",但得到-".库 gthr-web.web.Application.generated_expressions;^[来自 Dart2JS 的信息]:花费 0:00:00.591015 编译 gthr-web|web/Application.dart.[来自 Dart2JS 的信息]:正在编译 gthr-web|web/Application_static_injector.dart...[来自 Dart2JS 的错误]:web/Application_static_injector.dart:1:13:应为;",但得到-".库 gthr-web.web.Application.generated_static_injector;^[来自 Dart2JS 的信息]:用 0:00:00.501912 编译 gthr-web|web/Application_static_injector.dart.[来自 Dart2JS 的信息]:正在编译 gthr-web|web/Application_static_metadata.dart...[来自 Dart2JS 的错误]:web/Application_static_metadata.dart:1:13:应为;",但得到-".库 gthr-web.web.Application.generated_metadata;^[来自 Dart2JS 的信息]:花费 0:00:00.151240 编译 gthr-web|web/Application_static_metadata.dart.[来自 Dart2JS 的信息]:正在编译 gthr-web|web/index.html_bootstrap.dart...[来自 gthr-web|web/index.html_bootstrap.dart 上 Dart2JS 的错误]:web/Application_static_expressions.dart:1:13:应为;",但得到-".库 gthr-web.web.Application.generated_expressions;^[来自 Dart2JS 的信息]:花费 0:00:00.916099 编译 gthr-web|web/index.html_bootstrap.dart.构建失败.

解决方案

我刚开始看你的代码(也许我发现了更多提示/建议/问题)

你应该尝试改变

聚合物:>=0.11.1-dev <0.12.0"

聚合物:>=0.12.0-dev <0.12.0"

Polymer 包的这个预发布版本包含一些与纸元素相关的错误修复.

您似乎在该字符无效的库标识符中使用了 -(破折号).你也不应该在 Dart 文件名和全小写字符中使用破折号.

编辑
shadow_dom 已弃用,请参阅 http://pub.dartlang.org/packages/shadow_dom 了解更多信息

编辑

applicationFactory().addModule(new AppModule()).addMdoule(new NodeBindModule()).run();

第二个 addModule 拼写错误 (addMdoule)

I am at my whits end here. I've been trying over the last 48 hours to get these technologies to work.I've read everywhere that they should be able to work but it's just one problem after the other. I've tried various combinations of my pubspeck.yaml file but the results I get are either the code simply wont build, or it just doesn't work >.>

I'll appreciate any help I can get!

my pubspeck.yaml:

name: blah
dependencies:
angular: 0.12.0
  angular_node_bind: any
  shadow_dom: any
  browser: any
  polymer: ">=0.11.0 <0.12.0"
  core_elements: ">=0.0.6 <0.1.0"
  paper_elements: any
transformers:
- angular
- polymer:
    entry_points:
        - web/index.html
dependency_overrides:
  polymer: ">= 0.11.1-dev < 0.12.0"
  browser: any
  web_components: 0.4.0
  analyzer: ">=0.15.6 <0.16.0"
  html5lib: ">=0.11.0 <0.12.0"

My dart file:

import 'package:polymer/polymer.dart';
import 'package:angular/angular.dart';
import 'package:angular/application_factory.dart';
import 'package:angular_node_bind/angular_node_bind.dart';

// HACK until we fix code gen size. This doesn't really fix it,
// just makes it better.
@MirrorsUsed(override: '*')
import 'dart:mirrors';

void main() {
  initPolymer().run(() {
    applicationFactory().addModule(new AppModule()).addMdoule(new NodeBindModule()).run();
  });
}

and finally my html:

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>GTHR</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

        <!-- Optional theme -->
        <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">

        <link href="css/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />

        <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>

        <!-- <script src="packages/web_components/platform.js"></script>
             not necessary anymore with Polymer >= 0.14.0 -->
        <script src="packages/web_components/dart_support.js"></script>

        <link rel="import" href="packages/paper_elements/paper_tabs.html">
        <link rel="import" href="packages/paper_elements/paper_tab.html">
        <link rel="import" href="packages/core_elements/core_header_panel.html">
        <link rel="import" href="packages/core_elements/core_toolbar.html">
        <script type="application/dart" src="Application.dart"></script>
        <script src="packages/browser/dart.js"></script>
    </head>
    <body fullbleed layout vertical>
        <!--[if lt IE 7]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <core-header-panel mode="waterfall">
            <div class="core-header">
                My App
            </div>
            <div>
                <core-toolbar>
                    <paper-tabs selected="0" role="tablist">
                        <paper-tab>World</paper-tab>
                        <paper-tab>Followers</paper-tab>
                        <paper-tab>Mine</paper-tab>
                    </paper-tabs>
                </core-toolbar>
            </div>
        </core-header-panel>

        <div class="main-container">
            <div class="main wrapper clearfix">
            </div> <!-- #main -->
        </div> <!-- #main-container -->

        <div class="footer-container">
            <footer class="wrapper">
                <h3>footer</h3>
            </footer>
        </div>

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.0.min.js"><\/script>')</script>

        <!-- Latest compiled and minified JavaScript -->
        <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
        <script src="packages/shadow_dom/shadow_dom.debug.js"></script>

        <script src="js/flowtype.js"></script>
        <script src="js/main.js"></script>

        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
        <script>
            (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
            function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
            e=o.createElement(i);r=o.getElementsByTagName(i)[0];
            e.src='http://www.google-analytics.com/analytics.js';
            r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
            ga('create','UA-XXXXX-X');ga('send','pageview');
        </script>
    </body>
</html>

with my the following as is, Dart2js gives me the following output:

With the pubspeck.yaml I get the following output:

Loading source assets... 
Loading smoke/src/default_transformer transformers... 
Loading di transformers... (1.7s)
Loading observe transformers... 
Loading angular transformers... 
Loading polymer/src/build/mirrors_remover transformers... 
Loading polymer transformers... 
Loading polymer transformers... 
Loading polymer transformers... (1.0s)
Building gthr-web... (14.1s)
[Info from Dart2JS]:
Compiling gthr-web|web/Application_static_expressions.dart...
[Error from Dart2JS]:
web/Application_static_expressions.dart:1:13:
Expected ';', but got '-'.
library gthr-web.web.Application.generated_expressions;
            ^
[Info from Dart2JS]:
Took 0:00:00.519007 to compile gthr-web|web/Application_static_expressions.dart.
[Info from Dart2JS]:
Compiling gthr-web|web/Application.dart...
[Error from Dart2JS on gthr-web|web/Application.dart]:
web/Application_static_expressions.dart:1:13:
Expected ';', but got '-'.
library gthr-web.web.Application.generated_expressions;
            ^
[Info from Dart2JS]:
Took 0:00:00.591015 to compile gthr-web|web/Application.dart.
[Info from Dart2JS]:
Compiling gthr-web|web/Application_static_injector.dart...
[Error from Dart2JS]:
web/Application_static_injector.dart:1:13:
Expected ';', but got '-'.
library gthr-web.web.Application.generated_static_injector;
            ^
[Info from Dart2JS]:
Took 0:00:00.501912 to compile gthr-web|web/Application_static_injector.dart.
[Info from Dart2JS]:
Compiling gthr-web|web/Application_static_metadata.dart...
[Error from Dart2JS]:
web/Application_static_metadata.dart:1:13:
Expected ';', but got '-'.
library gthr-web.web.Application.generated_metadata;
            ^
[Info from Dart2JS]:
Took 0:00:00.151240 to compile gthr-web|web/Application_static_metadata.dart.
[Info from Dart2JS]:
Compiling gthr-web|web/index.html_bootstrap.dart...
[Error from Dart2JS on gthr-web|web/index.html_bootstrap.dart]:
web/Application_static_expressions.dart:1:13:
Expected ';', but got '-'.
library gthr-web.web.Application.generated_expressions;
            ^
[Info from Dart2JS]:
Took 0:00:00.916099 to compile gthr-web|web/index.html_bootstrap.dart.
Build failed.

解决方案

I just started to look at your code (maybe I find more hints/suggestions/problems)

You should try to change

polymer: ">=0.11.1-dev <0.12.0"

to

polymer: ">=0.12.0-dev <0.12.0"

This pre-release version of the Polymer package contains some paper-elements related bug-fixes.

It seems you are using a - (dash) in a library identifier where this character is invalid. You also shouldn't use a dash in Dart file names and all-lowercase characters.

EDIT
The package shadow_dom is deprecated see http://pub.dartlang.org/packages/shadow_dom for more information

EDIT

applicationFactory().addModule(new AppModule()).addMdoule(new NodeBindModule()).run();

the second addModule is misspelled (addMdoule)

这篇关于带有角飞镖和聚合物飞镖的材料设计.编译问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
相关文章
其他开发最新文章
热门教程
热门工具
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆