我正在使用Angular 7开发一个项目。在该项目中,我有两个主题。
请参见以下内容:
landing_page用于LandingPage,而bower_components,build和dist用于AdminLTE
我正在使用 LandingTheme 作为我的登录页面,并使用 AdminLTE 作为其他部分
在我的资产文件夹中,将每个主题的文件夹放在那里。 对于 AdminLTE ,我将javascript放在angular.json
中和styles.scss
中的样式
@import url(assets/bower_components/bootstrap/dist/css/bootstrap.min.css);
@import url(assets/bower_components/font-awesome/css/font-awesome.min.css);
@import url(assets/bower_components/Ionicons/css/ionicons.min.css);
@import url(assets/bower_components/jvectormap/jquery-jvectormap.css);
@import url(assets/dist/css/AdminLTE.min.css);
@import url(assets/dist/css/skins/_all-skins.min.css);
@import url(assets/plugins/iCheck/square/blue.css);
对于LandingTheme(landing_page),我尝试将其放在landing_page.component.ts中:
@Component({
selector: 'app-landing-page',
templateUrl: './landing-page.component.html',
styleUrls: ['./landing_page/assets/css/animate.css',
'./landing_page/assets/css/owl.carousel.css'
]
})
但是我得到了这个错误:
./src/app/pages/landing-page/landing-page.component.ts中的错误 找不到模块:错误:无法解析“ C:\ xampp \ htdocs \ customer-portal-app \ src \ app \ pages \ landing-page”中的“ ./landing_page/assets/css/animate.css” ./src/app/pages/landing-page/landing-page.component.ts中的错误 找不到模块:错误:无法解析“ C:\ xampp \ htdocs \ customer-portal-app \ src \ app \ pages \ landing-page”中的“ ./landing_page/assets/css/owl.carousel.css”
我该如何解决?