离子服务无法获取/找不到模块'@ionic-native/splash-screen/ngx'答案

【问题标题】：Ionic serve Cannot GET / Cannot find module '@ionic-native/splash-screen/ngx'离子服务无法获取/找不到模块'@ionic-native/splash-screen/ngx'
【发布时间】：2020-05-26 10:46:31
【问题描述】：

我正在尝试运行 Ionic 并使用 Ionic 框架 Ionic docs 教程进行安装，但是当我运行 Ionic 服务时，我的浏览器打开一个错误，“无法获取 /”

我使用npm install -g @ionic/cli 安装并创建了基本模板选项卡ionic start myApp tabs

这是 ionic 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.

这是我的离子信息

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 install，但仍然遇到相同的错误。

我的 package.json 确实包含 @ionic-native

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

如何获得@ionic-native/splash-screen/ngx？

【问题讨论】：

标签： node.js angular macos ionic-framework

【解决方案1】：

我刚刚更新到 Ionic CLI 6.1.0 和 Framework Angular 5.0.0，这个错误不再发生。

首先检查您的依赖项，转到 ionic 文件夹并输入 % npm 列表 --depth=0 修复所有依赖项，如果仍然无法正常工作，请按照下面的说明进行操作，这些可能会或可能不会起作用，因为它适用于选项卡、空白和侧边菜单，但是当我安装会议应用程序时，它现在可以通过 ionic serve 完美运行。

[ng] 4 从 '@ionic-native/splash-screen/ngx' 导入 { SplashScreen };

所以在 ionic 框架版本@ionic/angular 4.11.6 和 ionic cli 6.0+ 上，@ionic-native/splash-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 中

【讨论】：

【解决方案2】：

这就是我修复它的方法：

Ctrl + C 退出，
然后在终端输入 npm update，最后
再次运行 ionic serve

【讨论】：

【解决方案3】：

我通过运行解决了这个问题

ionic build

在离子服务之前

快乐编码。

【讨论】：

这是什么意思？您必须每次都构建！
我的意思是第一次，在接下来的更改中，它工作得很好。

【解决方案4】：

就我而言，这是代码中的语法错误。在“ionic serve”之前运行“ionic build --verbose”会有所帮助。

【讨论】：

【解决方案5】：

使用此命令导入丢失的包：

npm install --save @ionic-native/splash-screen

【讨论】：