小编Lak*_*ker的帖子

要查看所有 gcloud 项目，请使用 command gcloud projects list。要切换到特定项目，您可以使用gcloud config set project PROJECT_ID.

但是，当您想检查哪个项目处于活动状态时，可以使用什么命令呢？我的意思是，在哪个项目中最后调用了 set 命令？

我正在尝试将服务工作者添加到我们现有的angular(5.2,CLI 1.7.1)应用程序中.我做了我想做的一切:

1. 我创建了ngsw-config.json
2. 我运行ng set apps.0.serviceWorker=true命令,所以我"serviceWorker": true,在angular-cli.json中.
3. 我安装了 "@angular/service-worker": "5.2.9"

4. 我添加到app.module.ts:

   import { ServiceWorkerModule } from '@angular/service-worker';
   imports: [
       ...
       ServiceWorkerModule.register('/ngsw-worker.js', 
           { enabled: environment.production }),
   ]
   

   Run Code Online (Sandbox Code Playgroud)

我甚至试图将这段代码(我在某处找到解决方案)添加到main.ts中

platformBrowserDynamic().bootstrapModule(AppModule).then(() => {
    if ('serviceWorker' in navigator && environment.production) {
        navigator.serviceWorker.register('/ngsw-worker.js');
    }
}).catch(err => console.log(err));

但我得到了这个错误:

未捕获(在promise中)DOMException:无法注册ServiceWorker:脚本具有不受支持的MIME类型('text/html').

错误:未捕获(在承诺中):SecurityError:无法注册ServiceWorker:脚本具有不受支持的MIME类型('text/html').at resolvePromise(polyfills.3e9ea997ddae46e16c09.bundle.js:1)

在我自己的个人小应用程序中,我做了同样的工作,没有任何错误.我们遇到此错误的应用程序非常庞大.有很多第三方库.我读过它们可能有问题.

你能帮我吗？

此外,我正在检查我自己的应用程序以找到可能的差异,我没有,但我查看了devtools中的网络选项卡,我注意到应该由服务工作者缓存的文件总是被加载.请问这是正确的行为吗？

我有一个flex的问题.

我有一个包装器,可以显示最少1个,最多9个方块.根据网格中的平方数,正方形可以有多种尺寸.除了一个,我已经完成了所有必需的工作,如下图所示:

我的风格是:

.grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: space-between;
    width: 300px;
    height: 300px;
    position: relative;
}

加.图像的大小基于它们的总数和它们在列表中的位置.

所以当我从右下方有一个大正方形(占据4个小方块的位置)和5个小方块时,问题出现了.

最重要的是他应该是第一个.

在他旁边(右上角)是第二个,这也是正确的.

第三个位于左下角,它应位于第二行和最右侧.因为这个,所有其他人都处于错误的位置,所以最后一个是溢出的.

我已经尝试了很多值组合justify-content,align-content,align-items和align-self,但没有工作过.

如果没有针对此的灵活解决方案,我将回到大量课程并定位绝对解决方案.但我不喜欢它.这是太多的风格,看起来不太好.

任何建议将不胜感激.

我有一个函数（并且我已经在没有函数的情况下对其进行了测试，只是为了检查参考或其他内容是否没有问题）：

function resourceIsValidSomething() {
  return request.resource.data.something is string ...;
}

进而：

allow create: if request.auth != null && resourceIsValidSomething();

和

allow update: if request.auth != null && resourceIsValidSomething();

但在测试更新规则时我收到此错误消息：

错误：simulator.rules 行 [19]，列 [17]。对象上未定义属性资源。

根据文档，我的规则应该是正确的。

我究竟做错了什么？

真实例子：

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {

    function isGod() {
        return get(/databases/$(database)/documents/employees/$(request.auth.uid)).data.role == 'god';
    }

    function allowedUser() {
        return request.resource.data.assignedTo.uid == request.auth.uid || isGod();
    }

    match /stores/{storeId} {
        allow read: if request.auth != null;

        match /imeis/{imeiId} {

        function resourceIsValidImei() …

如果将材料设计图标包含在angular2 webpack中,您能否帮我一步一步指导(或链接,如果您知道一些)？

我确实通过npm install mdi安装了它(我找到的一个资源就像这样提到它)和npm install material-design-icons(来自https://www.npmjs.com/package/material-design-icons) .我也通过依赖尝试了它.

但这还不够.据我了解,我还要对webpack说他应该使用它.但我不知道我怎么也找不到它.

所以现在我正在使用它:

<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.0.3/angular-material.min.css'>
  <link rel="stylesheet" href="//cdn.materialdesignicons.com/1.4.57/css/materialdesignicons.min.css">

但那不是我想要的方式.

任何意见,将不胜感激.

如何通过 Angular Fire全局设置 Firebase 云函数的默认区域，以便将它们部署到指定区域？或者它不必是有角度的火。我只是不想.region('')在每个函数声明中调用方法。

我在文档中找不到有关如何执行此操作的任何内容。但我听说这应该是可能的。以前版本的 Angular Fire 应该支持它。

我正在尝试使用来自https://materialdesignicons.com/的图标制作一个加载微调器，但该图标不仅会旋转，还会从中心略微移动。

我有这些风格：

@keyframes spin-animation {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.spin:before {
  display: block;
  transform-origin: center center;
  -webkit-backface-visibility: hidden;
  -webkit-animation: spin-animation 2s linear infinite;
  animation: spin-animation 2s linear infinite;
}

是<i class="mdi mdi-something spin">元素。所以它添加:before了图标的内容。此元素位于绝对定位的包装器中，具有display: flex, 水平和垂直居中。

问题是当图标旋转时，它不会围绕其中心旋转。轴稍微移动。图标不会停留在一个居中的位置，而是会轻微移动。

我试过了：

• 为i元素赋予宽度和高度
• 为:before元素赋予宽度和高度
• 将spiner动画从移动i到:before
• 我在 stackoverflow 上发现的不同样式，例如 transform-origin: center center;

图标本身具有相同的功能x，y dimensions因此应该没有问题。旋转时尺寸会发生变化，但我想这是正确的吗？

我找不到从Firestore获取serverTimestamp的方法。既可以使用Firestore本身，也可以使用angularfire。

我发现很多github问题与解决方案有关，这是行不通的。我猜那是因为版本不同吗？

"@firebase/app": "^0.1.10",
"angularfire2": "^5.0.0-rc.6.0",
"firebase": "^4.13.1",

我尝试过的代码替代方法：

import * as firebase from 'firebase';
firebase.firestore.FieldValue.serverTimestamp();

错误TypeError：无法读取未定义的属性'FieldValue'

import * as firebase from 'firebase';
firebase.database.ServerValue.TIMESTAMP;

错误TypeError：无法读取未定义的属性'ServerValue'

constructor( private afs: AngularFirestore ) { }
this.afs.firestore.FieldValue.serverTimestamp();

类型“ FirebaseFirestore”上不存在属性“ FieldValue”。