为什么提供程序在组件中不起作用？
提供程序在组件中不起作用可能有多种原因。以下是一些可能的原因和解决方法：
- 组件未正确引入提供程序：确保在组件文件中正确引入提供程序。检查提供程序的路径和文件名是否正确。
- 提供程序未正确注册：在组件中使用提供程序之前，需要将其注册到应用程序的模块或组件中。确保在模块或组件的providers数组中添加了提供程序。
- 依赖关系未正确注入：如果提供程序依赖于其他服务或模块，确保这些依赖关系已正确注入。检查提供程序的构造函数或ngOnInit方法，确保所有依赖项都被正确注入。
- 提供程序的作用域不正确：提供程序可以在不同的作用域中定义，如根级别、模块级别或组件级别。如果提供程序在组件级别定义，确保它只在需要的组件中起作用，并且没有被其他组件重复定义。
- 提供程序的生命周期不正确：提供程序可以具有不同的生命周期，如单例、每次调用或每个组件实例。确保提供程序的生命周期与组件的需求相匹配。如果需要在每个组件实例中使用不同的提供程序实例，可以将提供程序定义为组件级别。
- 提供程序的配置错误：某些提供程序可能需要进行配置，如设置特定的选项或参数。确保提供程序的配置正确，并且与组件的需求相匹配。
如果以上解决方法都无效，可能需要进一步检查组件和提供程序的代码，以查找其他潜在问题。
相关·内容
1回答
为什么我们不能在react类组件中使用钩子？React官方只说钩子在类内不起作用，但没有说明为什么它不能工作。
浏览 4提问于2022-01-26得票数 0
回答已采纳
代码段%1不起作用。我收到错误：$injector:unpr未知提供程序：$q
/* Snippet 1*/
var mApp = angular.module('MyApp',[]);
mApp.provider('authProvider', ['$q', function($q) {
this.$get = function(){
authProvider = {};
authProvider.Title = function(){
var deferred = $q.de
浏览 2提问于2015-09-12得票数 4
当我使用nightwatch时，有时点击在Firefox或Chrome中不起作用。我有以下代码
browser
.waitForElementVisible('.example')
.click('.example')
.waitForElementVisible('body')
问题是click事件不会触发。有没有人知道为什么在使用nightwatch.js时点击有时不起作用，以及你应该做些什么来适应这种情况？
浏览 0提问于2016-03-19得票数 1
2回答
我在供应商那里遇到了一些困难。我尝试在组件中导入新的自定义提供程序，但它不起作用。第二个提供者是基于我做的第一个提供者，它工作得很好…
这是我的提供者：
import { Injectable} from "@angular/core";
import { Router, Routes } from '@angular/router';
import ... // All components needed
@Injectable()
export class RoutesHelper {
private userRoutes: Routes = [
浏览 9提问于2016-12-13得票数 0
1回答
我只想从一个ReactJS组件中获取HTML.我使用了一个需要一些HTML作为参数的jquery模块。我在应用程序的其余部分中使用了coffeescript和ReactJS。
Action = React.createClass
render: -> [...]
componentDidMount: ->
$(myJQueryModule).action(
html: $(@props.html).html()
)
Action
html: React.DOM.span {className: "test"}, "
浏览 0提问于2014-02-17得票数 0
1回答
我在Vue.js中使用了Nuxt.js。我添加了像这样的动态组件。 // pages/index.vue
<template>
<div class="filter-container">
<component v-for="item in buttons" :is="item" :key="item.id" :buttons="buttons" />
<span class="add-search" @click="add&#
浏览 42提问于2020-06-16得票数 1
回答已采纳
1回答
编辑简化问题
为什么在这个极简主义的例子中的过渡不起作用？(它模仿了我的代码中的真实情况)
前员额
我想在VueJs 2中的自定义组件上应用一个转换，这取决于v条件。
我试图将转换放在内部，加载组件：
父组件
<loading v-if="shared.loading"></loading>
Loading.vue
<template>
<transition name="slide-fade">
<div class="loading-container"&g
浏览 0提问于2017-02-02得票数 0
回答已采纳
我正在使用包动态生成表单。
我使用以下链接生成了一个简单的登录表单：
构建之后，它将创建一个JSON。然后，我使用那个JSON生成一个表单，但是当我在fulfill all validation of form之后提交表单时，它总是在disable mode中显示为什么？
我们如何再启用按钮?？当我的promise is resolved和如何重置表单后，提交它？
这是我的代码，
onSubmit={i => {
alert(JSON.stringify(i.data));
var promise1 = new Promise(function(resolve, reject)
浏览 5提问于2019-11-03得票数 2
回答已采纳
3回答
使用Spring Boot创建一个简单的Maven应用程序。我在RestController注释中给出了一个值，但它不起作用。如果我不使用RestController的值，它就能工作。我想知道为什么它不起作用，在@RestController中价值的用途是什么？
http://localhost:9090/app/hello，这会导致错误
http://localhost:9090/hello这个工作很好
@RestController("/app")在@RestController注释中"/app"这个值的目的是什么？
我知道，我可以在ScraperResou
浏览 9提问于2020-03-15得票数 4
回答已采纳
我不明白为什么我使用createContext和useContext在我的React应用程序中不起作用。 我的上下文文件如下所示： // @flow
import { createContext, useContext } from "react";
export type CountryIndexProviderType = {
index: number,
};
const CountryContext = createContext<CountryIndexProviderType>({
index: 0,
});
type CountryCo
浏览 21提问于2021-09-17得票数 1
回答已采纳
从官方的中，下面是启用树抖动的lightweight injection token模式的一个示例：
abstract class LibHeaderToken {}
@Component({
selector: 'lib-header',
providers: [
{provide: LibHeaderToken, useExisting: LibHeaderComponent}
]
...,
})
class LibHeaderComponent extends LibHeaderToken {}
@Component({
selector:
浏览 5提问于2022-03-04得票数 1
回答已采纳
我们可以在角模块或组件/自定义指令中注册提供程序吗？
为什么允许角团队在模块或组件/自定义指令中注册提供者？有人能帮助实际的例子的利弊吗？
浏览 4提问于2017-08-23得票数 3
回答已采纳
在平板电脑上，我在Ubuntu下安装了一个在Eclipse中开发的apk。该应用程序工作在AVD，并已安装在一个电话和工作。apk的安装不会产生任何错误，但是在启动App时，它会给出“未安装”的土司消息。
在aLogCat输出中，我看到了WRITE_EXTERNAL_STORAGE启动程序的权限拒绝消息。请注意，当我启动应用程序时，USB连接没有连接。
此外，我注意到了aLogCat中的下面一行，并注意到包名中添加了"-1“。
New package installed in /data/app/com.company.AppName-1.apk
在舱单上
<uses-
浏览 3提问于2012-07-27得票数 0
回答已采纳
1回答
每当我使用框架，如React、Vue或其他任何东西。我看到每个值(输入值，选择值.)总是通过事件向父级发出。我不太明白为什么这是好事。将其传递给父组件需要更多的资源/时间。为什么组件不自行处理其数据？？为什么要将子组件中的每个值传递给父组件的状态来处理数据？例如，我通常在父程序中看到API的加载，然后API的值通过props或Redux/Vuex传递。为什么我们不能在子程序被挂载时直接获取它的API值，而不是在许多级别上或者通过本地存储传递它
浏览 4提问于2022-03-20得票数 0
回答已采纳
在an earlier question中，我提到了一个调度本地通知的问题。问题的真正原因是我习惯于使用下面的代码来创建触发器，这不起作用： let calendar = ...
let notificationDate = ...
let dateComponents = calendar.dateComponents(in: calendar.timeZone, from: notificationDate)
let trigger = UNCalendarNotificationTrigger(dateMatching: dateComponents, repeats: false)
浏览 46提问于2019-01-09得票数 2
1回答
订阅行为主题并不适用于所有组件
、、、、
我提供我的全球服务，我引入了一个behaviourSubject变量
dataWorkFlowService
export class CallWorkflowService {
url = 'http://localhost:3000/';
selectedNode : BehaviorSubject<Node> = new BehaviorSubject(new Node(''))
dataflow : BehaviorSubject<any> = new BehaviorSubject<any>({});
浏览 0提问于2019-06-27得票数 0
1回答
使浏览器滞后的反应
、、、、
实际上，我不知道问题是从哪里来的，这就是为什么我没有应用任何代码，我尝试了很多事情，但它似乎不起作用。当我在浏览器中加载我的应用程序(不重要)时，当我访问7条或更多不同的路径时，该应用程序开始使浏览器滞后，就像加载程序运行不顺利一样，其他动画只是冻结和跳过加载器等等。当您单击新路径时，它会直接呈现，但在短时间内会出现冻结，然后组件就会呈现出来。伙计们，我愿意接受你们的想法，谢谢你们。
编辑:我忘了补充说我使用的是反应弹弓。
浏览 1提问于2019-06-03得票数 0
回答已采纳
3回答
我非常讨厌在我的应用程序中添加基于组件名称的标签名称。我讨厌这样做：
<hero-detail hero="ctrl.hero"></hero-detail>
有没有可能使用普通的div标签呢？像这样的东西？
<div id="hero-detail" data-hero="ctrl.hero"></div>
为什么这不起作用？
浏览 1提问于2016-09-28得票数 1
我正在使用库。库提供了一个组件“map”，它允许您添加子层组件，然后在映射上呈现。
我的目标是拥有一个包含映射组件的父组件，并允许使用ng内容注入这些层。
Inside custom map component map.component.ts:
<mgl-map ...>
<!-- layers will be injected here -->
<ng-content></ng-content>
</mgl-map>
Intended use of app-map component:
浏览 1提问于2020-07-16得票数 0
看一下这个例子：
它不起作用。
但是，如果我将providers从@NgModule移动到HelloComponent，它确实可以工作。为什么？在@NgModule级别或@Component级别的提供不应该是相同的吗？
浏览 30提问于2018-01-04得票数 10
回答已采纳
例如，我在MaterialCardView中添加了高程，但它不起作用。而且，使用background.xml进行自定义也不起作用。为什么会这样。还有什么更好用呢？在他们之间
浏览 5提问于2020-05-23得票数 1
回答已采纳
我想知道为什么Angular中的提供者不必导出，而组件、指令和管道必须导出。因此，下面的代码可以很好地工作：
@NgModule({
exports: [],
providers: [
GreeterService
]
})
export class SharedModule {
}
如果我尝试将GreeterService添加到导出列表中，当然会得到错误：
Can't export value GreeterService from SharedModule as it was neither declared nor imported!
但是为什么会这样呢？为什
浏览 1提问于2020-03-11得票数 2
我有一个组件，我在页面变量中设置了它的引用：
<BlazorWebFormsComponents.Button OnClick="@((args) => btnForms_Clicked(formsButton, args))" @ref="formsButton" Text="Forms Button" CssClass="btn btn-primary">
</BlazorWebFormsComponents.Button>
在事件处理程序中，我设置了一个按钮属性(文本)：
Button
浏览 1提问于2021-03-17得票数 2
回答已采纳
3回答
因此，我想将某些样式添加到附加到组件的任何子元素中。假设父组件名为Section，子组件在本例中称为Card。在Section.js中，我尝试这样做：
renderChildren = () =>{
return React.Children.map(this.props.children, (child, i)=>{
let el = React.cloneElement(child,{
style: {opacity:0.5}
})
return el
})
}
render(){
<ScrollView>
浏览 1提问于2018-03-27得票数 21
回答已采纳
为了将数据从一个组件传递到另一个组件，我在项目中多次使用以下方法。然而，这一次我有两个组件:父组件(在AppModule中)和侧栏组件(在CoreModule中)，并且我试图通过下拉更改将数据从父组件传递给侧栏。但是，它不起作用，除了初始加载之外，侧边栏组件(在示例子组件中)上的subscribe方法不会被触发。在不同的模块上会导致这个问题吗？或者其他的问题吗？
这是。
更新：
下面是我的模块关系：
parent.module:
imports: [
SharedModule
],
providers: []
child.module:
imports: [
SharedModul
浏览 0提问于2021-02-10得票数 1
回答已采纳
那里
我有一个安装程序由项目完成。问题是:当我完成windows用户的安装时，目标应用程序在此用户下工作良好。但是当我由另一个用户登录时，它会提示我再次安装应用程序。
我的期望是:我不希望它的提示再次安装，可以直接使用。
我试着编辑安装程序项目的注册表部分，将键从"HKEY_Current_user“移动到"HKEY_USERS"，它不起作用，在目标计算机的注册表中，键仍然在"HKEY_CURRENT_USER”中，我怀疑根本原因，而不管是否使用注册表。我不知道为什么修改注册表不起作用。
浏览 0提问于2018-05-03得票数 1
回答已采纳
在我的WPF应用程序中，我需要根据用户添加到程序中的照片制作拇指。为此，我使用了适合我的ImageProcessor包。但是我有一个小问题，在应用程序会话中的第一次使用总是需要5秒10秒来完成每一个下一个拇指，在同一个会话中只需要毫秒。
看起来，DLL只在第一次使用时加载。有办法让这个更快吗？
我尝试过用ImageResizer替换ImageResizer，也尝试在应用程序启动时加载ImageProccesor，但这两种方法都不起作用。
浏览 1提问于2016-04-27得票数 1
回答已采纳
我开始使用一个标准的卸载脚本，但它不起作用，所以我决定看看它是否找到了任何程序，似乎没有。它在Windows 7上工作，但在我需要使用的另一个Windows 2003服务器上不起作用。我以当地管理员的身份登录，
下面的脚本创建了错误：
Line: 4
Char: 1
Error: 0x80041010
Code: 80041010
Source: (null)
代码：
strComputer = "."
Set objWMIService = GetObject("winmgmts:" & "{impersonationLevel=imperso
浏览 0提问于2012-07-10得票数 1
回答已采纳
我正在开发一个使用React的网站。在使用useContext()和useLocation()时，我得到了这个错误。
import React, { useContext } from "react";
import Layout from "../components/Layout";
import { LangStateContext } from "../context/LangContext";
import { useLocation } from 'react-router';
const PricingPage
浏览 9提问于2021-11-30得票数 2
我编写firefox插件。我试着从官方教程中安装xpi文件，它工作了。我复制xpi文件。我尝试安装复制的xpi文件。我没有更改xpi文件中的任何文件。安装不起作用。火狐说复制的xpi文件不工作。我没有改变任何东西，它是完全相同的文件。为什么这个不起作用：？
信息:我发现有人也有同样的问题。他复制了解压xpi文件后出现的解压文件夹。当他复制文件夹的内容时，它起作用了。我一直在复制文件夹的内容，但它不起作用。
浏览 1提问于2013-12-30得票数 0
我有一个具有此历史配置的应用程序：
import { createHashHistory } from 'history';
import { ConnectedRouter } from 'connected-react-router';
const history = createHashHistory({
hashType: 'slash',
});
...
<ConnectedRouter history={history}>
<App />
</ConnectedRouter&
浏览 23提问于2020-05-29得票数 0
回答已采纳
我正在尝试在我的Ionic 3项目中实现一些自定义类，以帮助以适当的OOP方式处理数据。然而，我认为我正在尝试实现的实际上是对Angular和Ionic设计模式的反模式。
对于每个用户，我想创建一个用户对象。我有一个名为provider的提供者，它执行一些http调用。每个用户对象将能够使用进行provider的http调用的方法。
如果我像这样通过构造函数传递Provider，这样就可以很好地工作：
export class User {
//...various user attributes....
constructor(payload, public provid
浏览 10提问于2018-11-22得票数 3
3回答
它们在不同的地方声明(声明和提供程序)。我知道服务有@Injectable()注入到使用该服务的组件的构造函数中。但是为什么一定要这样呢？为什么我们不能在一个地方声明呢？一个人可以做而另一个人不能做的功能是什么？
浏览 1提问于2017-09-08得票数 15
回答已采纳
我是create-react-app的新手。我想知道为什么打开index.html表单一个构建不能工作?？我知道应该使用构建serve -s build，但我想知道为什么构建反应应用程序不能在没有服务的情况下启动。
我会进一步解释:我所做的是..。
create-react-app helloworld
进行一些代码更改，并验证应用程序是否运行正常。
npm run build或yarn run build ..。现在，我将创建包含index.html的index.html目录。
现在我只需在浏览器中打开index.html，它就不能工作了。
我想知道为什么这不起作用？
浏览 2提问于2017-09-28得票数 19
2回答
我需要在CountriesHoc中做一些功能，但是我的代码不起作用。有人能解释一下为什么吗？
不起作用
应用程序
<Routes>
<Route path='countries'>
<CountriesHoc/>
</Route>
</Routes>
CountriesHoc
<>
<Route path='known' element={<CountriesPage filteredArray={learnedCountries}/>}/>
浏览 5提问于2022-05-17得票数 -1
回答已采纳
1回答
角度观众测试:目标组件级服务
、、、、
在我的角度应用程序中，我有一个
@Component({
selector: 'my-component',
templateUrl: './my.component.html',
providers: [MyService],
})
export class MyComponent implements OnInit, OnDestroy { ... }
我在角度测试中使用，并试图以以下方式测试提供服务的组件：
const createComponent = createComponentFactory({
component: MyCompo
浏览 9提问于2022-11-04得票数 0
我有几个应用程序，它们都是基于web2py的，我希望它们都使用一个中央身份验证服务，web2py中的CAS可以正常工作进行身份验证，但是当涉及到授权时，它就不起作用了！
假设我们有应用程序"provider"，应用程序"A“和"B"，"A”和"B“使用"provider”进行身份验证，然后他们想使用"provider“中定义的组/成员身份/权限来定义其应用程序中的访问权限，这是不起作用的，不受支持吗？或者我错过了什么，最好的方法是什么。
是否可以将身份验证作为中心，然后在本地进行授权？例如，我希望有一个中央身份验证(使用C
浏览 1提问于2012-10-04得票数 3
4回答
在我的主app.ts中，我声明了一个全局提供程序：
providers: [{provide: Dependency, useValue: createDependency('AppModule provider')}]
(其中createDependency只是一个返回具有getName()方法的类的函数。)
我也有一个组成部分：
<my-app-component-3>Hello from 3</my-app-component-3>
代码：
@Component({
selector: 'my-app-component-3
浏览 10提问于2017-12-01得票数 5
回答已采纳
1回答
我正在使用Vue.js在Weex中开发一个应用程序。
我正在尝试构建一个list组件，我正在浏览文档，在文档中，有一些组件我可以使用。
<list>
<recycle-list>
我不知道两者之间的区别，因为在引擎盖下，它们有什么区别？可以说，<recycle-list比使用<list更有效，但原因没有提到。
另外，<recyle-list>在网络上不起作用，但它在移动应用程序上工作得很好。这背后的理由是什么？
浏览 4提问于2018-06-06得票数 0
我试图将一个初始值传递给由v-model限定的select输入。我不明白为什么这不起作用：
props: ['team'],
data() {
form: {
data: {
country: this.team.country
}
}
}
form.data.country是undefined。虽然，道具数据实际上是传递下来的。我可以使用像$vm0.team.country这样的Vue Devtools来访问它，并且可以从道具中打印其他数据。但是，它没有在data()中注册。
此外，在尝试使用mounte
浏览 5提问于2017-12-06得票数 2
回答已采纳
似乎每个组件都创建了自己的服务实例。我不明白为什么。
我注意到这个，但我不清楚正确的解决方案。是否在main中创建服务实例_myService：
void main() {
bootstrap(AppComponent,[MyService]);
}
然后将其复制到子组件(因为我还从组件提供程序中删除了MyService )？这似乎不正确，因为组件在实例化之前引用_myService，我必须检查它是否为null。
谢谢
史蒂夫
浏览 5提问于2017-04-21得票数 2
回答已采纳
我正在尝试创建一个自定义的react，它将呈现它的子元素，然后在所有的子元素都已经完成更新之后，但是在DOM被更新之前，将决定引发(或不引发)一个错误，这取决于孩子们要更新的一些标志。
<Try alternative=... >
... do some stuff // if anybody in here sets a flag we will
// render alternative instead
</Try>
为什么？允许所有尝试的子级完成呈现，然后如果有等待异步回调的，则会非常有用，以呈现替代方案。有点像一个错误
浏览 0提问于2018-02-28得票数 0
我正在制作KeyEvent测试程序，但它在Windows10中不起作用。
该程序在Windows7和8版本中运行良好。我不知道为什么。
KeyBoard问题..？还是其他人..？
类KeyFrame扩展JFrame{ public KeyFrame(){ KeyTest t=新的KeyTest()；setContentPane(t)；this.setSize(700,700)；setSize(300,300)；setVisible(真)；t.requestFocus()；}}公共类KeyTest扩展JPanel{ JLabel la =新的JLabel(“输入”)；This.add
浏览 2提问于2017-01-31得票数 0
2回答
因此，我试图使本地地图在世博会应用程序和文档页面中工作，并表示“在世博会应用程序中不需要安装程序”。
但是在安装了世博图书馆之后，它就不起作用了。
我有两个基本的问题，为什么它不起作用：
您从Google控制台将API密钥放在哪里？
您如何使Google能够在控制台上使用expo应用程序，启用android？
浏览 2提问于2019-08-21得票数 9
回答已采纳
我已经习惯了角度2，但是我有一些关于app.module.ts文件的问题。
为什么我必须在这个文件中进行导入，因为我将在app.components.ts文件中再次执行输入。
例如:我导入我的自定义管道，然后再次将它导入到我的app.components.ts文件中。
import { FirstPipePipe } from './first-pipe.pipe';
@NgModule({
declarations: [
AppComponent,
SecondComponent,
ThirdComponent
浏览 7提问于2017-08-29得票数 15
回答已采纳
1回答
我将数据传递给子组件，如下所示： Parent.vue <template>
<vote-buttons :data="data">
</vote-buttons>
</template>
props: {
comment: {type: Object}
},
setup(props) {
const data = {
'score': props.comment.score,
'hasVoteOfUser': props.comment.hasVoteOfUser,
}
浏览 13提问于2021-10-25得票数 0
回答已采纳
我们有一个spring boot应用程序，它在一个类中包含一个用@Scheduled注释的方法。但这不是这样运行的。当我测试第一个spring boot app时，它的工作方法每1分钟被调用一次，当我将as jar添加到另一个spring boot app中时，有谁能帮助我为什么相同的方法不起作用。
注意:第二个主要的spring启动应用程序，不包含任何更多的类，只有一个类被注释为
@SpringBootApplication
@EnableScheduling
有没有人能建议一下为什么这不起作用？
浏览 0提问于2018-01-23得票数 0
1回答
我在一个react应用程序中有一个页面，它使用无线电表单来过滤传递给页面的不同的数据对象。
我遇到的问题是，当我更改过滤器时(单击收音机表单上的另一个选项)，结果列表中的数据只会发生一些变化。下面是一个简单的例子：
选项一与所有旧数据一起选择。
选项二被选中，但只有一些新的数据通过。
首先，我使用axios请求获取将用于数据的对象数组：
componentDidMount() {
axios.get("xxxxxxxxx")
.then(result => {
this.setStat
浏览 2提问于2020-12-16得票数 1
回答已采纳
我使用componentDidMount来执行fetch api来获取REACT中的数据。我使用render将数据分配给下一个使用props的组件，页面确实被渲染了。数据也出现了。 但是在渲染组件之上，当使用this.props.data时，数组是空的。不知道为什么。 我已经尝试了这些方法，但不起作用: 1.异步获取2.这个setState更新程序
浏览 28提问于2020-04-01得票数 0
我正在使用angular2开发一个应用程序。我有一个场景，在路由(使用router.navigate())时，我需要将复杂数据(对象数组)从一个组件传递到另一个组件(它们不是父子组件，它们是两个独立的组件)。我已经用谷歌搜索过了，大多数结果描述了组件是父子组件的场景。我已经浏览了结果，并找到了这些传递数据的方法。
1)创建共享服务2)作为路由参数传递
第二种方法适用于我(尽管我不喜欢上面解释的复杂数据)。我无法使用共享服务共享数据。所以我的问题是，只有当组件处于父子关系中时，才能使用服务在组件之间传递数据吗？另外，让我知道是否有其他首选的方法来在一个组件和另一个组件之间传递数据？
更新:我正在
浏览 2提问于2017-03-03得票数 19
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
