Как настроить структуру папок приложения angular 2?

Я следил за учебником Angular 2 Tour of Heroes и руководством по быстрому старту на anuglar.io. В учебных пособиях все файлы находятся непосредственно в папке приложения. Я запустил свой собственный проект и хочу настроить структуру папок, в которой у меня есть папка компонентов, папка служб и папка директив в папке приложения для проекта. В каждой из этих папок я также хотел бы, чтобы в папках содержался каждый отдельный компонент, например, файлы ts, js, map и html, относящиеся к компоненту. Это будет выглядеть примерно так:

-My_Project
- app
- components
-app
- app.component.ts
- app.component.js
- app.component.map
- app.component.html
-logon
- logon.component.ts
- logon.component.js
- logon.component.map
- logon.component.html
- services
-user
- user.services.ts
- user.services.js
- user.services.map

так далее и так далее.

Я понимаю об использовании абсолютных и относительных путей и использовании ../ перейти к родительской папке и ../../ вернуться к двум папкам в пути, но по какой-то причине он не работает с облегченным сервером. Это прекрасно работает, когда я запускаю приложение с Windows IIS 7.5. Когда я пытаюсь запустить компилятор, я получаю ошибки следующего характера:

app - Copy/app.component.ts(6,32): error TS2307: Cannot find module './logon/logon.component'.

Я использую следующее для ссылки на файл logon.component из файла app.component.

 import { LogonComponent } from '../logon/logon.component';

Также у меня есть несколько файлов PHP в папке php, расположенной в папке Project. Это снова работает нормально при запуске на Windows IIS 7.5, но когда я пытаюсь запустить его с облегченным сервером, я получаю ошибку 404, когда нужны эти файлы php.

редактировать

Вот мой tsconfig.json

{
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"moduleResolution": "node",
"sourceMap": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"removeComments": false,
"noImplicitAny": false
}
}

Вот мой pacakage.json

"scripts": {
"start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ",
"lite": "lite-server",
"postinstall": "typings install",
"tsc": "tsc",
"tsc:w": "tsc -w",
"typings": "typings"},

0

Решение

Задача ещё не решена.

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]