angular - Ionic 3“遇到未定义的提供者!通常这意味着你有一个循环依赖”可能是由使用 'barrel' index.ts 文件引起的
问题描述
这是我在 Angular/TypeScript 应用程序中遇到的一个有点无用的错误。在有人改进错误信息之前,我们能做些什么呢?最有可能导致这种情况发生的情况是什么?这里有我的 app.module.js 文件和 home.ts 文件。
当我删除文件和文件打开器插件时,它没有出现错误。如果我在 home.ts 中包含该插件,则会显示错误。最有可能导致这种情况发生的情况是什么?
app.module.ts:
import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { SplashScreen } from '@ionic-native/splash-screen';
import { StatusBar } from '@ionic-native/status-bar';
import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home';
import { FileOriginal } from '@ionic-native/file';
import { FileOpenerOriginal } from '@ionic-native/file-opener';
@NgModule({
declarations: [
MyApp,
HomePage
],
imports: [
BrowserModule,
IonicModule.forRoot(MyApp)
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
HomePage
],
providers: [
StatusBar,
SplashScreen,
{provide: ErrorHandler, useClass: IonicErrorHandler},
FileOriginal,
FileOpenerOriginal
]
})
export class AppModule {}
主页.ts
import { FileOriginal } from '@ionic-native/file';
import { FileOpenerOriginal } from '@ionic-native/file-opener'
constructor(public navCtrl: NavController,private plt: Platform, private file: FileOriginal, private fileOpener: FileOpenerOriginal) {
}
我收到这样的错误:
Uncaught Error: Encountered undefined provider!
Usually this means you have a circular dependencies (might be caused by using 'barrel' index.ts files.)
at syntaxError (compiler.js:486)
at compiler.js:15767
at Array.forEach (<anonymous>)
at CompileMetadataResolver._getProvidersMetadata (compiler.js:15752)
at CompileMetadataResolver.getNgModuleMetadata (compiler.js:15320)
at JitCompiler._loadModules (compiler.js:34413)
at JitCompiler._compileModuleAndComponents (compiler.js:34374)
解决方案
您需要使用 File 而不是 FileOriginal。在我的项目中,我将 File 声明为提供者并且它可以工作。你安装正确吗?
当您使用此命令 ionic cordova plugin add cordova-plugin-file
时,您是否有任何依赖关系警告?
也许插件的版本与 ionic 3 不兼容。
编辑
命令 :
ionic cordova plugin add cordova-plugin-file
npm install @ionic-native/file@4.2.0
推荐阅读
- javascript - JS Key Event 为什么键码消失了?
- python - 如何使用 python 将 HTML 文件转换为 .msg 文件?
- node.js - 当 NodeJS 与 Python、cURL、
- powershell - 字符串替换在脚本运行时不起作用
- reactjs - React JS:证书密钥“key.pem”无效。加密密钥所需的密码
- c - 平板分配器如何跟踪空闲内存?
- java - Java completableFuture:如何并行化几个 CompletableFuture
- bash - 使用没有 tty 的 heredoc 在 ssh 后获取 bash 提示
- javascript - 在 for.. 循环中推入数组将覆盖它
- javascript - 使用 Redux 无法从 Flatlist 中删除项目