Невозможно установить Angular Материал в проекте совместного использования кода Nativescript - PullRequest
Новая
       60

Невозможно установить Angular Материал в проекте совместного использования кода Nativescript

1 голос
/ 04 августа 2020

Я создаю веб-приложение и мобильное приложение с Angular и собственным скриптом. Я хотел использовать библиотеку материалов Angular для веб-приложения вместе с проектом совместного использования кода .

После установки Angular я выполнил команду npm i -g @nativescript/schematics, чтобы создать новый проект, как указано в руководстве по собственному сценарию После создания я попытался установить Angular Материал с помощью команды ng add @angular/material, после чего я получил логи как: 

> ng add @angular/material
Skipping installation: Package already installed
? Choose a prebuilt theme name, or "custom" for a custom theme: Deep Purple/Amber  [ Preview: https://material.angular.io?theme=deeppurple-amber ]
? Set up global Angular Material typography styles? Yes
? Set up browser animations for Angular Material? Yes
UPDATE package.json (1877 bytes)
√ Packages installed successfully.
Could not read Angular module file: /src/@src/app/app.module.ts

I затем добавил компонент, как описано в Руководство по началу работы , где я добавил компонент в файл app.module.ts, а затем вызвал компонент в шаблоне html в соответствии с инструкциями. После чего я попытался запустить проект с помощью ng serve.

Но я не могу просмотреть какой-либо компонент в проекте совместного использования кода, где, как и в обычном проекте веб-приложения Angular, все работает нормально. Любая помощь приветствуется и заранее благодарим вас. Есть ли что-то еще, что нужно сделать?

1 Ответ

0 голосов
/ 15 августа 2020

Причина в том, что отображение @ sr c не указывает на веб-приложение app.module.ts. Изменив main.ts импорт AppModule непосредственно на исходный путь без использования @ sr c, он работает. 

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from '@src/environments/environment';

if (environment.production) {
  enableProdMode();
}

platformBrowserDynamic().bootstrapModule(AppModule)
  .catch(err => console.log(err));
...