<small id='INxm0'></small><noframes id='INxm0'>

  • <tfoot id='INxm0'></tfoot>

    • <bdo id='INxm0'></bdo><ul id='INxm0'></ul>

  • <legend id='INxm0'><style id='INxm0'><dir id='INxm0'><q id='INxm0'></q></dir></style></legend>

      <i id='INxm0'><tr id='INxm0'><dt id='INxm0'><q id='INxm0'><span id='INxm0'><b id='INxm0'><form id='INxm0'><ins id='INxm0'></ins><ul id='INxm0'></ul><sub id='INxm0'></sub></form><legend id='INxm0'></legend><bdo id='INxm0'><pre id='INxm0'><center id='INxm0'></center></pre></bdo></b><th id='INxm0'></th></span></q></dt></tr></i><div id='INxm0'><tfoot id='INxm0'></tfoot><dl id='INxm0'><fieldset id='INxm0'></fieldset></dl></div>

        Ionic2 错误:“没有存储提供程序"

        时间:2023-09-08
        • <i id='tMvsk'><tr id='tMvsk'><dt id='tMvsk'><q id='tMvsk'><span id='tMvsk'><b id='tMvsk'><form id='tMvsk'><ins id='tMvsk'></ins><ul id='tMvsk'></ul><sub id='tMvsk'></sub></form><legend id='tMvsk'></legend><bdo id='tMvsk'><pre id='tMvsk'><center id='tMvsk'></center></pre></bdo></b><th id='tMvsk'></th></span></q></dt></tr></i><div id='tMvsk'><tfoot id='tMvsk'></tfoot><dl id='tMvsk'><fieldset id='tMvsk'></fieldset></dl></div>
              <bdo id='tMvsk'></bdo><ul id='tMvsk'></ul>

              1. <tfoot id='tMvsk'></tfoot>
                  <tbody id='tMvsk'></tbody>
                <legend id='tMvsk'><style id='tMvsk'><dir id='tMvsk'><q id='tMvsk'></q></dir></style></legend>

                <small id='tMvsk'></small><noframes id='tMvsk'>

                  本文介绍了Ionic2 错误:“没有存储提供程序"的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

                  问题描述

                  在阅读了我能找到的所有内容并且失败后,我必须在这里问:

                  After reading everything I could find, and failing, I must ask here:

                  我正在尝试使用 ionic2 的存储,就像文档告诉我的那样,

                  I am trying to use ionic2's Storage, just like the doc tells me to,

                  文档:https://ionicframework.com/docs/storage/

                  这是我的代码:

                  应用模块.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 { Intro } from '../pages/intro/intro';
                      import { Checklist } from '../pages/checklist/checklist';
                      // import { Http } from '@angular/http';
                      import {IonicStorageModule} from '@ionic/Storage';
                      import { Data } from '../providers/data';
                      import {HttpModule} from '@angular/http';
                      // import {Storage} from '@ionic/storage';
                  
                  
                      @NgModule({
                        declarations: [
                          MyApp,
                          HomePage,
                          Intro,
                          Checklist
                        ],
                        imports: [
                          HttpModule,
                          BrowserModule,
                          IonicModule.forRoot(MyApp),
                          IonicStorageModule.forRoot()
                        ],
                        bootstrap: [IonicApp],
                        entryComponents: [
                          MyApp,
                          HomePage,
                          Intro,
                          Checklist
                        ],
                        providers: [
                          StatusBar,
                          SplashScreen,
                          {provide: ErrorHandler, useClass: IonicErrorHandler},
                          // Storage,
                          //Http,
                          Data
                        ],
                      })
                      export class AppModule {}
                  
                  
                  data.ts
                  
                  import { Injectable } from '@angular/core';
                  // import { Http } from '@angular/http';
                  import 'rxjs/add/operator/map';
                  // import { HttpModule } from '@angular/http';
                  
                  import { Storage } from '@ionic/storage';
                  
                  
                  @Injectable()
                  export class Data {
                    constructor(public storage: Storage) {
                    }
                  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                    getData(): Promise<any> {
                      return this.storage.get('checklists');
                    }
                  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                    save(data): void {
                      let saveData = [];
                      //Remove observables
                      data.forEach((checklist) => {
                        saveData.push({
                          title: checklist.title,
                          items: checklist.items
                        });
                      });
                      let newData = JSON.stringify(saveData);
                      this.storage.set('checklists', newData);
                    }
                  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                  }
                  

                  home.ts

                  // import { Component } from '@angular/core';
                  // import { NavController } from 'ionic-angular';
                  
                  // @Component({
                  //   selector: 'page-home',
                  //   templateUrl: 'home.html'
                  // })
                  // export class HomePage {
                  
                  //   constructor(public navCtrl: NavController) {
                  
                  //   }
                  
                  // }
                  
                  
                  import { Component } from '@angular/core';
                  import { NavController, AlertController, Platform } from 'ionic-angular';
                  import { Checklist } from '../checklist/checklist';
                  import { ChecklistModel } from '../../models/checklist-model';
                  import { Data } from '../../providers/data';
                  import { Keyboard } from 'ionic-native';
                  @Component({
                    selector: 'page-home',
                    templateUrl: 'home.html',
                  })
                  export class HomePage {
                    checklists: ChecklistModel[] = [];
                  
                    constructor(public navCtrl: NavController, public dataService: Data,
                      public alertCtrl: AlertController, public platform: Platform) {
                    }
                  
                    // constructor(public navCtrl: NavController, public alertCtrl: AlertController, public platform: Platform) {
                    //   // this.checklists.push(new ChecklistModel("Noam", [1,2,3]));
                    // }
                    ///////////////////////////////////////////////////////////////////////////////////////////////////////////
                    ionViewDidLoad() {
                    }
                    ///////////////////////////////////////////////////////////////////////////////////////////////////////////
                    addChecklist(): void {
                      let prompt = this.alertCtrl.create({
                        title: 'New Checklist',
                        message: 'Enter the name of your new checklist below:',
                        inputs: [
                          {
                            name: 'name'
                          }
                        ],
                        buttons: [
                          {
                            text: 'Cancel'
                          },
                          {
                            text: 'Save',
                            handler: data => {
                              let newChecklist = new ChecklistModel(data.name, []);
                              this.checklists.push(newChecklist);
                              newChecklist.checklistUpdates().subscribe(update => {
                                this.save();
                              });
                              this.save();
                            }
                          }
                        ]
                      });
                      prompt.present();
                    }
                    ///////////////////////////////////////////////////////////////////////////////////////////////////////////
                    renameChecklist(checklist): void {
                      let prompt = this.alertCtrl.create({
                        title: 'Rename Checklist',
                  
                        message: 'Enter the new name of this checklist below:',
                        inputs: [
                          {
                            name: 'name'
                          }
                        ],
                        buttons: [
                          {
                            text: 'Cancel'
                          },
                          {
                            text: 'Save',
                            handler: data => {
                              let index = this.checklists.indexOf(checklist);
                              if (index > -1) {
                                this.checklists[index].setTitle(data.name);
                                this.save();
                              }
                            }
                          }
                        ]
                      });
                      prompt.present();
                    }
                    ///////////////////////////////////////////////////////////////////////////////////////////////////////////
                    viewChecklist(checklist): void {
                      this.navCtrl.push(Checklist, {
                        checklist: checklist
                      });
                    }
                    ///////////////////////////////////////////////////////////////////////////////////////////////////////////
                    removeChecklist(checklist): void {
                      let index = this.checklists.indexOf(checklist);
                      if (index > -1) {
                        this.checklists.splice(index, 1);
                        this.save();
                      }
                    }
                    ///////////////////////////////////////////////////////////////////////////////////////////////////////////
                    save(): void {
                      Keyboard.close();
                      this.dataService.save(this.checklists);
                    }
                    ///////////////////////////////////////////////////////////////////////////////////////////////////////////
                  }
                  

                  应该被调用和使用存储的方法是主页的save().

                  The method that is supposed to get called and use the Storage is HomePage's save().

                  但是,我无法做到这一点,因为在页面加载之前,我就得到了

                  I can't get that far, however, because before the page even loads, I get

                  未捕获运行时错误(承诺):错误:没有存储提供程序!g (http://localhost:8100/build/polyfills.js:3:7133 错误) 在injectionError (http://localhost:8100/build/main.js:1585:86) 在noProviderError (http://localhost:8100/build/main.js:1623:12) 在ReflectiveInjector_.throwOrNull(http://localhost:8100/build/main.js:3125:19) 在ReflectiveInjector.getByKeyDefault(http://localhost:8100/build/main.js:3164:25) 在ReflectiveInjector.getByKey(http://localhost:8100/build/main.js:3096:25) 在ReflectiveInjector.get (http://localhost:8100/build/main.js:2965:21)在 AppModuleInjector.get (ng:///AppModule/module.ngfactory.js:254:82)在 AppModuleInjector.getInternal(ng:///AppModule/module.ngfactory.js:481:44) 在AppModuleInjector.NgModuleInjector.get(http://localhost:8100/build/main.js:3929:44) 在 resolveDep(http://localhost:8100/build/main.js:11334:45) 在创建类(http://localhost:8100/build/main.js:11202:32) 在createDirectiveInstance (http://localhost:8100/build/main.js:11028:37)在 createViewNodes (http://localhost:8100/build/main.js:12377:49) 在createRootView (http://localhost:8100/build/main.js:12282:5)

                  Runtime Error Uncaught (in promise): Error: No provider for Storage! Error at g (http://localhost:8100/build/polyfills.js:3:7133) at injectionError (http://localhost:8100/build/main.js:1585:86) at noProviderError (http://localhost:8100/build/main.js:1623:12) at ReflectiveInjector_.throwOrNull (http://localhost:8100/build/main.js:3125:19) at ReflectiveInjector.getByKeyDefault (http://localhost:8100/build/main.js:3164:25) at ReflectiveInjector.getByKey (http://localhost:8100/build/main.js:3096:25) at ReflectiveInjector.get (http://localhost:8100/build/main.js:2965:21) at AppModuleInjector.get (ng:///AppModule/module.ngfactory.js:254:82) at AppModuleInjector.getInternal (ng:///AppModule/module.ngfactory.js:481:44) at AppModuleInjector.NgModuleInjector.get (http://localhost:8100/build/main.js:3929:44) at resolveDep (http://localhost:8100/build/main.js:11334:45) at createClass (http://localhost:8100/build/main.js:11202:32) at createDirectiveInstance (http://localhost:8100/build/main.js:11028:37) at createViewNodes (http://localhost:8100/build/main.js:12377:49) at createRootView (http://localhost:8100/build/main.js:12282:5)

                  包.json:

                  {
                    "name": "ionic-hello-world",
                    "author": "Ionic Framework",
                    "homepage": "http://ionicframework.com/",
                    "private": true,
                    "config": {
                      "ionic_source_map": "source-map"
                    },
                    "scripts": {
                      "clean": "ionic-app-scripts clean",
                      "build": "ionic-app-scripts build",
                      "ionic:build": "ionic-app-scripts build",
                      "ionic:serve": "ionic-app-scripts serve"
                    },
                    "dependencies": {
                      "@angular/common": "4.0.0",
                      "@angular/compiler": "4.0.0",
                      "@angular/compiler-cli": "4.0.0",
                      "@angular/core": "4.0.0",
                      "@angular/forms": "4.0.0",
                      "@angular/http": "4.0.0",
                      "@angular/platform-browser": "4.0.0",
                      "@angular/platform-browser-dynamic": "4.0.0",
                      "@ionic-native/core": "3.4.2",
                      "@ionic-native/splash-screen": "3.4.2",
                      "@ionic-native/status-bar": "3.4.2",
                      "@ionic/storage": "^2.0.1",
                      "ionic-angular": "3.0.1",
                      "ionic-native": "^2.9.0",
                      "ionicons": "3.0.0",
                      "rxjs": "5.1.1",
                      "sw-toolbox": "3.4.0",
                      "zone.js": "^0.8.4"
                    },
                    "devDependencies": {
                      "@ionic/app-scripts": "1.3.0",
                      "typescript": "~2.2.1",
                      "webpack": "^2.4.1"
                    },
                    "cordovaPlugins": [
                      "cordova-plugin-whitelist",
                      "cordova-plugin-console",
                      "cordova-plugin-statusbar",
                      "cordova-plugin-device",
                      "cordova-plugin-splashscreen",
                      "ionic-plugin-keyboard"
                    ],
                    "cordovaPlatforms": [],
                    "description": "quicklists: An Ionic project"
                  }
                  

                  既然我做了文档所说的一切,请赐教 - 仍然缺少什么会导致找不到存储

                  Since I did everything the doc said, please enlighten me - What is still missing that would cause the Storage not to be found

                  谢谢

                  推荐答案

                  首先需要安装:npm install --save @ionic/storage

                  问题出在 app.ts 中:

                  The problem was in app.ts:

                  import {IonicStorageModule} from '@ionic/Storage';
                  

                  大写S"而不是非大写s":

                  Capital 'S' instead of non capital 's':

                  from '@ionic/Storage'
                  

                  代替:

                  from '@ionic/storage'
                  

                  不知道为什么编译器不会发现问题,但它没有.

                  No idea why the compiler wouldn't catch that if it's a problem, but it didn't.

                  感谢@chairmanmow

                  Thanks to @chairmanmow

                  编辑

                  这个答案曾经得到很多支持,但后来停止了.

                  This answer used to get a lot of upvotes, and that stopped.

                  我只能假设这是由于版本更新/错误修复.

                  I can only assume this is due to version updates/bug fixes.

                  我建议您在继续使用此解决方案之前更新您的角度.

                  I suggest you update your angular before going forward with this solution.

                  这篇关于Ionic2 错误:“没有存储提供程序"的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持html5模板网!

                  上一篇:加载图像时显示加载图标 下一篇:如何在离子无线电元件上使用 ngModel?

                  相关文章

                  最新文章

                  <i id='9cxVF'><tr id='9cxVF'><dt id='9cxVF'><q id='9cxVF'><span id='9cxVF'><b id='9cxVF'><form id='9cxVF'><ins id='9cxVF'></ins><ul id='9cxVF'></ul><sub id='9cxVF'></sub></form><legend id='9cxVF'></legend><bdo id='9cxVF'><pre id='9cxVF'><center id='9cxVF'></center></pre></bdo></b><th id='9cxVF'></th></span></q></dt></tr></i><div id='9cxVF'><tfoot id='9cxVF'></tfoot><dl id='9cxVF'><fieldset id='9cxVF'></fieldset></dl></div>
                  1. <small id='9cxVF'></small><noframes id='9cxVF'>

                    <legend id='9cxVF'><style id='9cxVF'><dir id='9cxVF'><q id='9cxVF'></q></dir></style></legend>

                        <bdo id='9cxVF'></bdo><ul id='9cxVF'></ul>

                      <tfoot id='9cxVF'></tfoot>