离子服务无法获取/找不到模块'@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'