在这篇文章中，我们将为您详细介绍如何正确导入Web组件以响应应用程序？的内容，并且讨论关于如何正确导入web组件以响应应用程序为主的相关问题。此外，我们还会涉及一些关于android–如何在我的Web

在这篇文章中，我们将为您详细介绍如何正确导入 Web 组件以响应应用程序？的内容，并且讨论关于如何正确导入 web 组件以响应应用程序为主的相关问题。此外，我们还会涉及一些关于android – 如何在我的WebView应用程序中打开另一个应用程序？、android – 如何将已安装应用程序中的组件公开给即时应用程序？、asp.net-mvc – 什么使Web应用程序成为触摸板友好的应用程序？、Firebase-Admin，将其导入以响应应用程序引发模块未找到错误的知识，以帮助您更全面地了解这个主题。

本文目录一览：

• 如何正确导入 Web 组件以响应应用程序？（如何正确导入 web 组件以响应应用程序为主）
• android – 如何在我的WebView应用程序中打开另一个应用程序？
• android – 如何将已安装应用程序中的组件公开给即时应用程序？
• asp.net-mvc – 什么使Web应用程序成为触摸板友好的应用程序？
• Firebase-Admin，将其导入以响应应用程序引发模块未找到错误

如何正确导入 Web 组件以响应应用程序？（如何正确导入 web 组件以响应应用程序为主）

我想你可能想尝试这样的事情：

import Catalago from './../../../assets/catalago-component'

然后像这样使用组件：

<Catalago></Catalago>

假设您的 Web 组件是这样的：

class Catalago extends React.Component {
  render() {
    return <speical-web-stuff><speical-web-stuff>
  }
}

见：https://reactjs.org/docs/web-components.html

,

import Catalago from './../../../assets/catalago-component'
...
render() {
   return() {
       <div>
           <Catalago //other props/>
       </div>
   }
}

,

如上所述，您应该为组件命名以便导入。

import Catalago from './../../../assets/catalago-component'

但是，您可能会注意。

1. 以下语法期望您的组件写在 index.js 文件夹下的 catalago-component

import Catalago from './assets/catalago-component'   //component locate in file name ```index```

import Catalago from './assets/catalago-component/customizedName.js' 

2. 该组件中使用的导出类型

import Catalago from './assets/catalago-component/customizedName.js'  // exporting via ```export default``` keyword

import { Catalago } from './assets/catalago-component/customizedName.js'  //exporting via ```export``` keyword

,

在您的 webpack.config.js 中添加这一行

你可以在项目内的任何地方使用你的组件。

import Catalago from 'Components'

,

我的导入方式没有任何问题，就像@tsecheukfung01 在评论中所说的那样，这是一个 eslint 错误。所以我将我的 web 组件添加到 .eslintignore 文件中，它工作得很好。

更多忽略 eslint 错误的方法 here

android – 如何在我的WebView应用程序中打开另一个应用程序？

我有一个Android应用程序,它显示一个移动网站(WebView),在移动网站上有链接重定向到PDF,Excel和视频文件.
当我尝试在我的常规浏览器中打开它时,我的手机要求用另一个应用程序打开它或者它开始下载,所以我可以在之后打开它.

但是在我的WebView应用程序中,它既不起作用,也没有响应,或者显示“页面不可用”错误.

它甚至可能吗？

解决方法:

要在WebView中处理链接,可以使用WebViewClient类的shouldOverrideUrlLoading方法.考虑以下示例;

   WebView webView = (WebView) findViewById(R.id.infoView);

   webView.setWebViewClient(new WebViewClient() {

            public boolean shouldOverrideUrlLoading(WebView view, String url) {

                // Assuming you are giving link to some PDF file.
                if (url.contains(".pdf")) {
                    // Now do what you want to with the url here
                }

                return true;
            }
    }

这样,您可以拦截在WebView中点击的任何链接,然后执行您想要的任何操作.

android – 如何将已安装应用程序中的组件公开给即时应用程序？

从developer document of Instant Apps

Installed apps can make themselves available to interact with instant through explicit intents.

后来提到即时应用程序不能

discover the list of installed apps on the device, unless the installed apps have made themselves discoverable to instant apps.

但是我无法找到有关如何公开已安装的应用程序的组件或应用程序的任何部分的详细信息,以便即时应用程序可见(并且可访问).那有什么限制吗？ (支持的组件类型等)

解决方法:

最后,我想出了语法：

对于Android O+,您可以为组件指定android：visibletoInstantApps =“true”.

对于较低版本的Android,请将此元数据添加到< application> (不适用于组件)：

< Meta-data android：name =“instantapps.clients.allowed”android：value =“true”/>

更多信息可以在这里找到3.15. Instant Apps

asp.net-mvc – 什么使Web应用程序成为触摸板友好的应用程序？

Firebase-Admin，将其导入以响应应用程序引发模块未找到错误

我正在开发使用firebase admin的简单React应用程序。

我已经通过使用create react app生成了react应用程序。

然后，我firebase-admin通过使用以下npm命令进行了安装：

npm install firebase-admin --save

在我中，index.js我添加了此导入：

 import React from ''react''; import ReactDOM from ''react-dom''; import App from ''./App''; import registerServiceWorker from ''./registerServiceWorker''; import * as admin from ''firebase-admin'' ReactDOM.render(<App />, document.getElementById(''root'')); registerServiceWorker();

当我使用npm start命令启动并打开页面时，出现以下错误：

 Module not found: Can''t resolve ''dns'' in ''D:\path\to\my\project\node_modules\firebase-admin\node_modules\isemail\lib''

为什么会这样呢？我错过了什么？

答案1

小编典典

管理员SDK不能在客户端环境中使用。包括网络浏览器。Admin
SDK可以并且应该仅在Firebase应用程序开发人员拥有或管理的特权服务器环境中使用。您应该在React应用程序中使用Firebase Web
SDK。

关于如何正确导入 Web 组件以响应应用程序？和如何正确导入 web 组件以响应应用程序为主的问题我们已经讲解完毕，感谢您的阅读，如果还想了解更多关于android – 如何在我的WebView应用程序中打开另一个应用程序？、android – 如何将已安装应用程序中的组件公开给即时应用程序？、asp.net-mvc – 什么使Web应用程序成为触摸板友好的应用程序？、Firebase-Admin，将其导入以响应应用程序引发模块未找到错误等相关内容，可以在本站寻找。

本文标签：

• Web组件导入
• 响应式应用程序
• 正确导入方法
• Web组件开发