Coder Social home page Coder Social logo

surmon-china / angular-admin Goto Github PK

View Code? Open in Web Editor NEW
354.0 28.0 113.0 93.23 MB

🔏 Admin client for surmon.me blog powered by @angular and Bootstrap4

License: MIT License

JavaScript 1.37% TypeScript 43.46% HTML 38.42% Shell 0.09% SCSS 16.65%
ng2 admin-dashboard blog bootstrap4 promise codemirror admin-template ng4 angular4 angular2-jwt

angular-admin's Issues

NgModule metadata found for 'CustmoerModule'.

我新增加了一个CustomerModule,文件列表如下:

customer.routing.ts 文件内容如下:
import { Routes, RouterModule } from '@angular/router';
import { CustomersComponent } from '../pages/customers/customers.component';

// noinspection TypeScriptValidateTypes
const routes: Routes = [
{
path: '',
component: CustomersComponent
}
];

export const routing = RouterModule.forChild(routes);

customers.module.ts文件内容如下:
import { CustomersComponent } from '../pages/customers/customers.component';
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { NgaModule } from '../theme/nga.module';
import { PaginationModule, BsDropdownModule, ModalModule } from 'ngx-bootstrap';

import { routing } from '../routes/customer.routing';
import { CustomerService } from '../services/api/customer/customer.service';

@NgModule({
imports: [
CommonModule,
FormsModule,
ReactiveFormsModule,
NgaModule,
PaginationModule.forRoot(),
BsDropdownModule.forRoot(),
ModalModule.forRoot(),
routing
],
providers: [
CustomerService
],
declarations: [
CustomersComponent
]
})
export class CustomerModule {}

pages.routing.ts文件内容如下:
import { Routes, RouterModule } from '@angular/router';
import { Pages } from './pages.component';
const routes: Routes = [
{ path: 'auth', loadChildren: () => System.import('./auth/auth.module') },
{ path: '',
component: Pages,
children: [
{ path: '', redirectTo: 'dashboard', pathMatch: 'full' },
{ path: 'customer', loadChildren: () => System.import('../modules/customers.module') },
{ path: 'dashboard', loadChildren: () => System.import('./dashboard/dashboard.module') },
{ path: 'announcement', loadChildren: () => System.import('./announcement/announcement.module') },
{ path: 'article', loadChildren: () => System.import('./article/article.module') },
{ path: 'comment', loadChildren: () => System.import('./comment/comment.module') },
{ path: 'options', loadChildren: () => System.import('./options/options.module') },
{ path: 'linux', loadChildren: () => System.import('./linux/linux.module') },
{ path: 'auth', loadChildren: () => System.import('./auth/auth.module') },
{ path: 'demo',
children: [
{ path: 'ui', loadChildren: () => System.import('./demo/ui/ui.module') },
{ path: 'forms', loadChildren: () => System.import('./demo/forms/forms.module') },
{ path: 'tables', loadChildren: () => System.import('./demo/tables/tables.module') }
]
}
]
}
];

pages.menus.ts中的children节点增加一项:
{
path: 'customer',
data: {
menu: {
title: '客户',
icon: 'ion-radio-waves',
selected: false,
expanded: false,
order: 2,
}
}
},

重新编译以后,在地址栏输入/customer就在浏览器控制台输出错误:
NgModule metadata found for 'CustmoerModule'.
请问怎么解决这个问题呢?

请问露珠的Markdown编辑器使用的是什么?

正准备重构自己的博客,打算前端用angular,所以继续一款markdown编辑器,能写能渲染那种,看到露珠的markdown编辑器,不知道是自己写的还是使用他人的插件。

能支持动态多tab导航吗?

看了github一大堆angular admin的template,没有一个是点击左侧菜单在主容器动态打开一个tab, 这样可以同时打开多个菜单,多个tab可以切换。

ERR! code ELIFECYCLE

我的环境是centos 7,npm 7.8.0.
当我执行 npm run build:prod 时,报下列错误,不知道是什么原因,麻烦作者您给点思路,非常感谢。
Module '"/opt/angular2/ng2/angular-admin/node_modules/ng2-bootstrap/index"' has no exported member 'DropdownModule'.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] webpack: webpack --progress --profile --bail "--config" "config/webpack.prod.js"
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] webpack script 'webpack --progress --profile --bail "--config" "config/webpack.prod.js"'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the angular-admin package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! webpack --progress --profile --bail "--config" "config/webpack.prod.js"
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs angular-admin
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls angular-admin
npm ERR! There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /root/.npm/_logs/2017-04-04T02_08_35_463Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build:prod: npm run webpack -- --config config/webpack.prod.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] build:prod script 'npm run webpack -- --config config/webpack.prod.js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the angular-admin package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! npm run webpack -- --config config/webpack.prod.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs angular-admin
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls angular-admin
npm ERR! There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:

跨域问题

请问如何解决跨域问题,服务端使用c# WebApi提供的话

登录

这个看路由 auth是入口
但是怎么找不到 登录

我决定用vue重写一个

npm run dev 启动失败,报错

** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
ℹ 「wdm」: Compiled successfully.
/Users/xiamingming/private/angular-admin/node_modules/watchpack/node_modules/chokidar/lib/fsevents-handler.js:28
return (new fsevents(path)).on('fsevent', callback).start();
^

TypeError: fsevents is not a constructor
at createFSEventsInstance (/Users/xiamingming/private/angular-admin/node_modules/watchpack/node_modules/chokidar/lib/fsevents-handler.js:28:11)
at setFSEventsListener (/Users/xiamingming/private/angular-admin/node_modules/watchpack/node_modules/chokidar/lib/fsevents-handler.js:82:16)
at FSWatcher.FsEventsHandler._watchWithFsEvents (/Users/xiamingming/private/angular-admin/node_modules/watchpack/node_modules/chokidar/lib/fsevents-handler.js:252:16)
at FSWatcher. (/Users/xiamingming/private/angular-admin/node_modules/watchpack/node_modules/chokidar/lib/fsevents-handler.js:386:25)
at LOOP (fs.js:1530:14)
at process._tickCallback (internal/process/next_tick.js:61:11)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: ng serve --proxy-config proxy.conf.json --hmr
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/xiamingming/.npm/_logs/2019-07-26T03_25_15_567Z-debug.log

关于七牛云文件的上传

您好,看了您的代码,觉得很屌,很是震撼。但是有个小小的疑问我不是很懂。就是那个七牛云上传为什么要写三个按钮。我尝试去用正常的脑回路上传文件,发现并不行,然后抄了您的代码就可以了,我很是不解,希望您可以解答我心中的疑惑。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.