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

Posted

技术标签:

【中文标题】离子服务无法获取/找不到模块\'@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?

【问题讨论】:

【参考方案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

【讨论】:

以上是关于离子服务无法获取/找不到模块'@ionic-native/splash-screen/ngx'的主要内容,如果未能解决你的问题,请参考以下文章

离子 - 错误:找不到模块'android-versions'

找不到离子角模块

离子错误:找不到模块'dezalgo'

离子 - 错误:找不到模块'android-versions'

打字稿错误找不到名称'require'。离子 3

无法启动 Terminal Services 服务。错误 126: 找不到指定的模块。