我正在用页面构建一个离子应用程序。。。正在尝试将提供程序导入about组件,但在应用程序中找到模块之前,无法找到该模块。组成部分ts
\
//我正在尝试将dbserviceprovider导入到大约。ts
import { Component } from '@angular/core';
import { DbserviceProvider } from '../app/src/providers/dbservice/dbservice';
import { NavController } from 'ionic-angular';
export class dat {
"name": String;
"topic": String;
"img": String;
"description": String;
}
@Component({
selector: 'page-about',
templateUrl: 'about.html'
})
export class AboutPage {
data: dat[];
data_dbyes: any[];
data_yes: any[]
day: String[];
temp: String = "../assets/imgs/logo.png";
constructor(private dbser:DbserviceProvider,public navCtrl: NavController) {
alert(dbser.test);
this.data = [{
"name": "Amil Nayar",
"topic": "NodeJS",
"img": "assets/imgs/nodejs.png",
"description": "Node.js is an open-source, cross-platform JavaScript run-time environment for executing JavaScript code server-sid"
},
{
"name": "Amil Nayar",
"topic": "NodeJS",
"img": "assets/imgs/nodejs.png",
"description": "Node.js is an open-source, cross-platform JavaScript run-time environment for executing JavaScript code server-sid"
},
{
"name": "Priya",
"topic": "Ionic",
"img": "assets/imgs/ionic.jpg",
"description": "Ionic is a complete open-source SDK for hybrid mobile app development. The original version was released in 2013 and built on top of AngularJS and Apache Cordova."
}
];
this.data_yes = [{
"name": "Maimuna Fatima",
"topic": "Html 5",
"img": "assets/imgs/html5.png",
"description": "HTML5 is a markup language used for structuring and presenting content on the World Wide Web."
},
{
"name": "Afifa khan",
"topic": "Bootstrap",
"img": "assets/imgs/bootstrap.jpg",
"description": "Bootstrap is a free and open-source front-end web framework for designing websites and web applications"
}
];
this.data_dbyes = [{
"name": "Rajendar",
"topic": "jQuery",
"img": "assets/imgs/jquery.jpg",
"description": "jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML."
},
{
"name": "Priya",
"topic": "Ionic",
"img": "assets/imgs/jquery.jpg",
"description": "jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML."
}
];
console.log(this.data[0].name);
}
}
[**enter image description here**][1]
[1]: https:
but the same import is working in app.component.ts ...
import { Component, OnInit, ViewChild, AfterViewInit } from '@angular/core';
import { Platform } from 'ionic-angular';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { SQLite, SQLiteObject } from '@ionic-native/sqlite';
import { TabsPage } from '../pages/tabs/tabs';
import { DbserviceProvider } from '../providers/dbservice/dbservice';
@Component({
templateUrl: 'app.html'
})
export class MyApp {
rootPage: any = TabsPage;
constructor(private dbservice: DbserviceProvider, platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen, private sqlite: SQLite) {
platform.ready().then(() => {
alert(this.dbservice.test);
statusBar.styleDefault();
splashScreen.hide();
});
}
}
//项目结构是。。。
enter image description here
在构建我的第一个ionic应用程序时,我陷入了这个困境。。我们将不胜感激。
编辑:
我所面临的问题是由于其他人修改了项目结构。