小编Jon*_*002的帖子

如何在节点中使用es6导入?

我试图在节点中获取es6导入的挂起,并尝试使用此示例中提供的语法:

Cheatsheet链接:https://hackernoon.com/import-export-default-require-commandjs-javascript-nodejs-es6-vs-cheatsheet-different-tutorial-example-5a321738b50f

我正在查看支持表:http://node.green/,但无法找到支持新导入语句的版本(我尝试查找文本import/require)我目前正在运行节点8.1. 2并且还认为,由于cheatsheet是指.js文件,它应该与.js文件一起使用.

当我运行代码时(取自cheatsheet的第一个例子):

import { square, diag } from 'lib';
Run Code Online (Sandbox Code Playgroud)

我收到错误:SyntaxError:意外的令牌导入.

参考lib我正在尝试导入:

//------ lib.js ------
export const sqrt = Math.sqrt;
export function square(x) {
    return x * x;
}
export function diag(x, y) {
    return sqrt(square(x) + square(y));
}
Run Code Online (Sandbox Code Playgroud)

我缺少什么,如何让节点识别我的import语句?

node.js es6-modules

240
推荐指数
11
解决办法
22万
查看次数

在Angular 2中实现滑动导航的最佳方法是什么?

我是Angular 2的新手,我正在寻找一种方法,为移动用户实现一个良好的标签触摸滑动导航,并滑动过渡到下一个标签视图.

到目前为止,我已经找到了一个名为angular2-useful-swiper的软件包,虽然我并不热衷于使用它,因为我最终尽早初始化我的组件,即使它们不在视野中.

有谁知道为Angular 2实现基于选项卡滑动的导航的好方法?任何反馈将不胜感激.:)

navigation swipe-gesture angular

13
推荐指数
4
解决办法
2万
查看次数

什么是URL中的方案和协议之间的区别?

我希望有人能向我澄清协议和网址中的方案之间的技术差异.(或确定其他可以放入计划中的项目?)

最初我以为它们是相同的,而且这个计划只是它的另一个名称.

您可以在此维基百科文章中找到此处引用的方案.

虽然根据这里的答案,一个方案不被认为是一个协议,因为:

没有传输层或编码

这是定义它们之间差异的正确方法,还是有更多的方法使两者不同?

当我处理协议或方案时,我怎么能清楚地说出来?(或者除了也有资格在方案中使用的协议之外的东西?因为似乎协议被放置在url的scheme部分中)

url protocols url-scheme

11
推荐指数
4
解决办法
3774
查看次数

如何解决 Typescript 中的“此元素无法重命名”?

是什么导致 VS Code 编辑器决定我的打字稿符号无法重命名?我试图用键更改符号f2并遇到错误消息“此元素无法重命名”。

在此输入图像描述

尽管在我的其他一些项目中,允许通过 f2 重命名符号。当我尝试解决此问题时,我希望了解有关此问题的更多信息,以便我可以知道它是否是包问题、vscodes 配置或在 monorepo 项目中具有类似的符号名称是否会导致此问题?


"@typescript-eslint/eslint-plugin": "4.3.0",
"@typescript-eslint/parser": "4.3.0",
"typescript": "4.1.5"
Run Code Online (Sandbox Code Playgroud)

intellisense typescript eslint tslint visual-studio-code

11
推荐指数
1
解决办法
3786
查看次数

延迟加载的模块如何继承App Modules声明?

我有一个需要使用组件的延迟加载模块.我已将其添加到应用程序模块声明中,并期望这应该使声明的组件应用程序范围广泛.

虽然Angular无法识别延迟加载模块中的组件.我试着将它添加到这两个模块的声明,然后找来一个警告,询问以加入上述较高的模块中的声明app.modulelazyLoaded.module.

例如(nameOfModule/Component)

错误:类型(DeclareMeComponent)是2个模块的声明的一部分:(AppModule)和(LazyLoadedModule)!请考虑将(DeclareMeComponent)移动到导入AppModule和(LazyLoadedModule)的更高模块.您还可以创建一个新的NgModule,它导出并包含(DeclareMeComponent),然后在(AppModule)和(DeclareMeComponent)中导入NgModule.

什么是app.module?以及如何让延迟加载的模块继承/使用声明的组件以及app模块?

angular

9
推荐指数
1
解决办法
1400
查看次数

如何使用ComponentRef从内部销毁我的Component?

我希望能够从内部销毁我的组件.(不是来自父级,因为它是在多个区域动态创建的).

我从angular的api中读到他们有一个ComponentRef对象.我已经尝试将它包含在构造函数中,但它说它需要一个参数,我不知道该传递给它.

链接:https://angular.io/api/core/ComponentRef

如何在我的组件中使用ComponentRef来销毁它?

import { Component, ComponentRef, OnInit } '@angular/core';
export class MyComponent implements OnInit {
    constructor(private ref: ComponentRef) {}

    ngOnInit() {
        this.ref.destroy()
    }
}
Run Code Online (Sandbox Code Playgroud)

angular

8
推荐指数
1
解决办法
4515
查看次数

如何通过电子邮件链接/magic-url 登录以打开 pwa 而不是浏览器来验证 iOS 设备中的用户?

我有一个 pwa 应用程序,它仅通过使用电子邮件链接登录来实现一种身份验证方法。(我正在使用 firebase 的Passwordless authentication with email link策略)

我可以打开带有链接的电子邮件,但是用于验证用户身份的链接将打开默认浏览器(例如 Safari)而不是安装在主屏幕中的 PWA。有谁知道如何解决这个问题?如果用户永远无法在其中进行身份验证,则用户无法使用已安装的 PWA。:(

authentication ios firebase progressive-web-apps

8
推荐指数
1
解决办法
437
查看次数

mac和linux中mime插件文件的位置在哪里?

我只是好奇如何通过本地应用程序(包括浏览器)读取/解释mime类型.用于读取mime类型的插件是否构建到每个应用程序中,或者在解释mime类型时应用程序引用的操作系统中是否有特殊的系统文件夹?

在定义MIME类型时,RFC使用字符图作为引用:

(1)US-ASCII以外的字符集中的文本消息体

尽管MDN听起来像是使用content-typeHTML中的内容

是否有类似content-type=image/jpegcontent-type=application/javascript使用UTF-8字符表来确定它们的字符集(字形),而其他东西用什么逻辑来确定那些字形字形应该被解释为什么?

或者这是否意味着每个内容类型都有自己的特殊charchart(如utf-8 - > js-8 ????),它将字符的字形转换和char字形的逻辑解释转换为二进制?

为什么它听起来像charcharts和内容类型都意味着MIME?包含内容类型图表/解释逻辑的Mac和Linux系统的文件夹路径在哪里?

linux macos mime mime-types

7
推荐指数
2
解决办法
658
查看次数

如何使用 Firebase-Cli 以编程方式为我的项目创建托管站点?

我需要以编程方式为 CI/CD 创建一个带有 firebase 的登台站点。我可以让多个托管站点按照文档中的描述工作:https : //firebase.google.com/docs/hosting/multisites

但是,此过程需要我转到 firebase Web 应用程序并使用 GUI 创建新的托管站点。

例如运行:

firebase deploy --only hosting:<target>
Run Code Online (Sandbox Code Playgroud)

会导致

“错误:HTTP 错误:404,未找到请求的实体。”

无需在 Web 应用程序中手动添加配置的“.firebaserc 选择的资源名称”。

如何在不涉及 Firebase Web 应用的情况下以编程方式创建托管站点?

firebase google-cloud-platform firebase-cli

7
推荐指数
0
解决办法
277
查看次数

使用glob来定位具有特定前缀的任何嵌套文件夹

我有一个项目,其中包含分散在不同模块中的模拟json数据.我正在尝试使用angular.json配置文件将所有json数据显示在构建中.

我正在尝试定位的路径示例列表:

/app/app-mock-data/**
/feature-module/feature-module-mock-data/** 
/pages/page-module/page-module-mock-data/**
/other/other-module/other-module-mock-data/**
/nested/nested-module/further-nested-module/futher-nested-module-mock-data/**
Run Code Online (Sandbox Code Playgroud)

现在我只是使用angular.json获取此项目中每个模块的资源文件.

// --configuration=mock
{
  "assets": [
    "src/assets",
    "src/favicon.ico",
    "src/favicon.png",
    {
      "glob": "**/* ",
      "input": "src/app/app-mock-data",
      "output": "/mock-assets/app-mock-data"
    },
    {
      "glob": "**/*",
      "input": "src/app/feature-module/feature-module-mock-data",
      "output": "/mock-assets/feature-module-mock-data"
    },
    {
      "glob": "**/* ",
      "input": "src/app/pages/page-module/page-module-mock-data",
      "output": "/mock-assets/page-module-mock-data"
    },
    {
      "glob": "**/* ",
      "input": "src/app/other/other-module/other-module-mock-data",
      "output": "/mock-assets/other-module-mock-data"
    },
    {
      "glob": "**/* ",
      "input": "src/app/nested/nested-module/further-nested-module/futher-nested-module-mock-data",
      "output": "/mock-assets/futher-nested-module-mock-data"
    }
  ]
}
Run Code Online (Sandbox Code Playgroud)

是否有任何glob模式允许我以文件*-mock-data夹前缀递归获取文件夹中的所有项目?

// hopefully something like this..
"assets": [
  "src/assets",
  "src/favicon.ico",
  "src/favicon.png",
  {
    "glob": "*-mock-data/**/*",
    "input": "src/app/**/*", …
Run Code Online (Sandbox Code Playgroud)

glob angular-cli angular

6
推荐指数
1
解决办法
393
查看次数