Блог

Главная - Вопросы по программированию - Возникли трудности с настройкой Asp.net проект (Framework) с typescript

Возникли трудности с настройкой Asp.net проект (Framework) с typescript

#angular

#angular

Вопрос:

Я хочу использовать angular2 с typescript в моем asp.net приложение в сочетании с web api. Я перехожу по этой ссылке для настройки typescript и испытываю проблемы с пониманием одной инструкции https://www.typescriptlang.org/docs/handbook/asp-net-4.html

Раздел, который я не могу понять, это

Добавьте целевой объект CopyFiles в сборку

Наконец, нам нужно убедиться, что файлы Angular скопированы как часть сборки. Для этого отредактируйте проект, щелкнув правой кнопкой мыши «Выгрузить», а затем «Редактировать csproj’. После группы свойств конфигурации TypeScript добавьте новую ItemGroup и укажите цель для копирования файлов angular.

Часть, выделенная жирным шрифтом, не имеет никакого смысла. Я не вижу группу свойств конфигурации typescript в проекте, когда открываю его для редактирования.

Я буду действительно признателен за любую помощь.

Ответ №1:

Вместо указания настроек TypeScript в .csproj я предлагаю вместо этого использовать tsconfig.json файл в корневом каталоге вашего проекта (ов). Чтобы воспользоваться всеми преимуществами новых функций, загрузите TypeScript 2.x. Пример файла, в данном случае с использованием SystemJS в качестве загрузчика модуля, может выглядеть следующим образом:

 {
    "compileOnSave": true,
    "compilerOptions":
    {
        "target": "es5",
        "module": "system",
        "moduleResolution": "node",
        "sourceMap": true,
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "removeComments": false,
        "noImplicitAny": false,
        "baseUrl": ".",
        "outDir": "Assets/Scripts",
        "paths":
        {
            "@angular/core":        [ "/Packages/jspm/npm/@angular/core@2.0.1/index" ],
            "@angular/compiler":    [ "/Packages/jspm/npm/@angular/compiler@2.0.1/index" ],
            "rxjs/*":               [ "/Packages/jspm/npm/rxjs@5.0.0-beta.12/*" ],
        }
    }
}

Это outDir свойство выведет все файлы TypeScript (и структуру папок ваших файлов TypeScript) в папку «Ресурсы / Скрипты», которую вы могли бы включить в свой .gitignore , например. Настройки пути предназначены для разрешения модуля (и IntelliSense) при использовании инструкций импорта в VS2015 в сочетании с JSPM. Я считаю, что использование npm для управления вашими модулями этого не требует, но вы должны попробовать. Если кто-нибудь знает лучший способ сообщить VS, где искать Angular, я был бы признателен за подсказку.

Если вам нужна дополнительная помощь в настройке вашей среды, пожалуйста, дайте мне знать.

Комментарии:

1. Большое спасибо, Тобиас. У меня действительно есть tsconfig. The typescriptlang.org инструкции по настройке для asp.net 4 укажите добавление tsconfig. Я добавил это в корень проекта. При этом я получаю файлы tsconfig, перенесенные в js и размещенные по пути, указанному в outDir.

2. Часть, в которой я упомянул, что у меня возникла проблема, заключается в том, что я недостаточно добавил angular2. В этом разделе в разделе «Добавление целевого объекта CopyFiles в сборку» я могу следовать части редактирования проекта, чтобы добавить раздел, указанный в инструкциях.

3. Если вы используете файл tsconfig.json, вам не нужно каким-либо образом напрямую изменять файл проекта (насколько я знаю). Извините, если я вас неправильно понял, проблема в том, как установить angular в ваш проект?

4. Да, проблема в том, как установить angular 2 в project. Я только следую typsescriptlang.org ссылка на документацию для него.

5. Есть ли какая-либо другая ссылка, по которой я мог бы перейти для настройки, asp.net в core есть подробная информация об angular 1.xxx, но я пока не нашел ничего полезного в настройке 2.0