小编Jam*_*s M的帖子

尽管我也在PowerShell上对其进行了测试，但我正在将Windows 10与VS Code一起使用，并且都产生了相同的结果：

创建了一个新的flutter程序之后，在编辑任何内容之前，我都按照教程说的那样尝试在手机上运行它，但是出现一条错误消息“找不到pubspec.yaml文件”。我认为问题一定是默认的新应用程序设置存在问题，因此我使用了“ flutter_gallery”示例。但是，这有完全相同的问题。我重新安装了flutter，自行安装了dart 2，删除了.pub-cache，但没有任何效果。我尝试了Google搜索问题，但找不到任何东西。

编辑：我正在从flutter项目的根目录中运行命令，那里是pubspec.yaml文件，但是仍然出现错误。完整的错误消息是：

Error: No pubspec.yaml file found.
This command should be run from the root of your Flutter project.
Do not run this command from the root of your git clone of Flutter.

这是dir从项目根目录运行的结果：

Mode                LastWriteTime         Length Name
----                -------------         ------ ----
da---l       2018-04-11   3:45 PM                .idea
da---l       2018-04-11   3:45 PM                android
da---l       2018-04-11   3:45 PM                ios
da---l       2018-04-11   4:19 PM                lib
da---l       2018-04-11   3:45 PM                test
-a---l       2018-04-11   3:45 PM …

使用自定义元素，我想对自定义元素内的元素进行样式设置，但是当我定义该元素时，除了影子 dom 之外的所有内容都会消失。

如何将内容从元素移动到 Shadow dom？我已经<div class="wrapper">在阴影内有一个包装元素 ( )，但尝试使用

wrapper.innerHTML = this.innerHTML;

不起作用。

超文本标记语言

<site-card>
  <section title>
    ...
  </section>
  <section body>
    ...
  </section>
  <section actions>
    <button class="modern small">Action</button>
    <button class="modern small">Action 2</button>
  </section>
</site-card>

JS

"use strict";
class cardElement extends HTMLElement {
    constructor() {
        super();
        var shadow = this.attachShadow({mode: 'open'});
        var wrapper = document.createElement('div');
        wrapper.setAttribute('class','wrapper');
        wrapper.innerHTML = this.innerHTML;
        var style = document.createElement('style');
        style.textContent = ... /* CSS removed to shorten. */
        shadow.appendChild(style);
        shadow.appendChild(wrapper);
    };
};
customElements.define('site-card', cardElement);