Я следил за учебником 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"},
Задача ещё не решена.
Других решений пока нет …