Ioni c serve Cannot GET / Не удается найти модуль '@ ioni c -native / spla sh -screen / ngx'

Question

Я пытаюсь запустить Ioni c и использовал Ioni c framework Ioni c docs для установки, но когда я запускаю Ioni c serve, мой браузер открывается ошибка 'Cannot GET /'

Я установил с npm install -g @ionic/cli и создал вкладки базового шаблона, ionic start myApp tabs

Это ошибка от ioni c serve

> ng run app:serve --host=localhost --port=8100
[ng] Browserslist: caniuse-lite is outdated. Please run next command `npm update`
[ng] ℹ ｢wds｣: Project is running at http://localhost:8100/webpack-dev-server/
[ng] ℹ ｢wds｣: webpack output is served from /
[ng] ℹ ｢wds｣: 404s will fallback to //index.html
[ng] chunk {main} main.js, main.js.map (main) 2.03 kB [initial] [rendered]
[ng] chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 149 kB [initial] [rendered]
[ng] chunk {runtime} runtime.js, runtime.js.map (runtime) 6.09 kB [entry] [rendered]
[ng] chunk {styles} styles.js, styles.js.map (styles) 109 kB [initial] [rendered]
[ng] chunk {vendor} vendor.js, vendor.js.map (vendor) 339 kB [initial] [rendered]
[ng] Date: 2020-02-11T03:56:39.914Z - Hash: 9860ec75ab31a30a881b - Time: 5271ms
[ng] 
[ng] ERROR in src/app/app.component.ts:4:30 - error TS2307: Cannot find module '@ionic-native/splash-screen/ngx'.
[ng] 4 import { SplashScreen } from '@ionic-native/splash-screen/ngx';
[ng]                                ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
[ng] src/app/app.module.ts:6:30 - error TS2307: Cannot find module '@ionic-native/splash-screen/ngx'.
[ng] 6 import { SplashScreen } from '@ionic-native/splash-screen/ngx';
[ng]                                ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
[ng] 

[INFO] Development server running!

       Local: http://localhost:8100

       Use Ctrl+C to quit this process

[INFO] Browser window opened to http://localhost:8100!

[ng] ℹ ｢wdm｣: Failed to compile.

Это мой ioni c info

Ionic:

   Ionic CLI                     : 6.0.2 (/usr/local/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 4.11.10
   @angular-devkit/build-angular : 0.801.3
   @angular-devkit/schematics    : 8.1.3
   @angular/cli                  : 8.1.3
   @ionic/angular-toolkit        : 2.1.2

Capacitor:

   Capacitor CLI   : 1.5.0
   @capacitor/core : 1.5.0

Utility:

   cordova-res : not installed
   native-run  : not installed

System:

   NodeJS : v13.2.0 (/usr/local/bin/node)
   npm    : 6.13.1
   OS     : macOS Catalina

Странно, когда я запускаю ionic serve -l для лаборатории, он дает мне 2 черных экрана вместо вкладок базового шаблона.

Я пытался удалить папку узловых модулей и повторно запустить npm установку, но я все еще получаю ту же ошибку.

Моя посылка. json содержит @ ioni c -одной

    "@ionic-native/core": "^5.0.0",
    "@ionic-native/splash-screen": "^5.0.0",
    "@ionic-native/status-bar": "^5.0.0",

Как мне получить @ ioni c -native / spla sh -screen / NGX?

Answer 1

У меня сейчас такая же проблема. К счастью, вот как я получил это исправить

Ctrl + C, чтобы выйти, затем в терминале типа npm обновить, наконец запустить ioni c снова служить

удачи!

Answer 2

Я решил, что, запустив

ionic build

перед тем, как ioni c serve

Happy Coding.

Answer 3

Я только что обновился до Ioni c CLI 6.1.0 и Framework Angular 5.0.0, и эта ошибка больше не возникает.

Сначала проверьте ваши зависимости, go для ioni c в папке и введите% npm list --depth = 0 Исправьте все зависимости, если это все еще не работает, затем следуйте инструкциям ниже, они могут или не могут работать, потому что это работало для вкладок, пустых и боковых меню, но когда я установил приложение для конференций, теперь оно отлично работает только через ioni c serve.

[ng] 4 import {SplashScreen} из '@ ioni c -native / spla sh -screen / ngx';

Так что в версии ioni c framework @ ionic / angular 4.11.6 и ioni c cli 6.0+, @ ioni c -native / spla sh -screen / ngx не существует, решение - удалить / ngx.

Ака изменить import { SplashScreen } from '@ionic-native/splash-screen/ngx'; на import { SplashScreen } from '@ionic-native/splash-screen';

Везде, где вы его найдете, и, кажется, добавить его по умолчанию в пустых, вкладках и боковом меню, шаблонах приложений конференции.

По умолчанию он существует в src / apps / app.components.ts и src / apps / app.modules.ts