Экспорт проекта Angular из StackBlitz в местный

Question

Я бы хотел экспортировать Angular-проект, выполненный в StackBlitz, и выполнить его из Angular CLI с помощью команды ng serve, как мы делаем с Angular-проектом, созданным на наших локальных машинах.

Answer 1

Чтобы устранить эту ошибку: ENOENT: такого файла или каталога нет, stat '/.../projectFolder/tsconfig.app.json'

После загрузки проекта из StackBlitz я скопировал zip-файл в папку,Файл tsconfig.app.json для моего проекта находился в папке src.Чтобы устранить вышеуказанную ошибку, я заменил свойство "tsConfig": "tsconfig.app.json" на "tsConfig": "src/tsconfig.app.json" в моем файле angular.json.В терминале я запустил npm install в каталоге проекта, чтобы установить все зависимости.Затем я запустил ng serve -o, чтобы запустить сервер, и приложение успешно открылось в моем браузере.

source: ENOENT: такого файла или каталога в tsconfig.app.json нет, используя угловой 4?

Редактировать: В разделе Локальное здание в https://angular.io/start/deployment приведены инструкции о том, как локально создать приложение StackBlitz.По сути, он говорит об установке Angular CLI, создании нового проекта, замене папки / src в новом проекте на папку / src из загруженного проекта StackBlitz и, наконец, создании проекта.

Это, однако, не сработало для меня, так как вызвало ошибку отсутствующего модуля.Что работало, так это замена всех файлов в новой папке проекта, которые соответствовали файлам из папки проекта StackBlitz.Запустите npm install, npm build --prod и, наконец, ng serve -o.

Answer 2

Как отметили @ gal007, @ tamo-studio и @ jb-nizet, вы можете просто загрузить проект, запустить npm install и ng serve, но это может работать не для всех проектов.

Это должно работать для любого проекта с текущей версией Angular, более новой, чем версия 6, я пробовал с v7, и это работало как чудо.

Ваше сообщение об ошибке в одном комментарии предполагает, что файл tsconfig.json отсутствует, который вы можете взять из недавно созданного проекта Angular.Чтобы создать такой проект, выполните следующие действия:

1. Проверьте package.json, какую версию Angular использует ваш текущий проект (ищите @angular/core)
2. , установите соответствующую версиюangular-cli, например, для v4 через npm i -g @angular/cli@^4
3. запустить $ ng init в пустой директории
4. Возьмите tsconfig.json, переместите его в свой текущий проект и внесите коррективы, если требуется
5. Теперь вы можете удалить временно созданный проект

Это должно запустить его.Если это все еще не работает, посмотрите на сообщения об ошибках в StackOverflow или начните новый Вопрос:)

Answer 3

1. Нажмите на эту кнопку со стрелкой, указывающей вниз
2. компакт-диск в ваш проект CD "имя вашего приложения"
3. npm install
4. ng serve

Answer 4

Это правда, что StackBlitz не генерирует такой файл.Но файл tsconfig.json в каталоге указывает, что такой каталог является корнем проекта TypeScript.Таким образом, вы можете создать такой файл и оставить его пустым.Это позволило мне скомпилировать из терминала.https://www.typescriptlang.org/docs/handbook/tsconfig-json.html

Answer 5

Просто сделай это.Вот где вам нужно нажать: