离子服务在离子 3 中不起作用答案

【问题标题】：Ionic serve not working in Ionic 3离子服务在离子 3 中不起作用
【发布时间】：2017-11-23 05:44:01
【问题描述】：

我的离子信息：

cli packages: (/usr/lib/node_modules)

@ionic/cli-utils  : 1.9.2
ionic (Ionic CLI) : 3.9.2

global packages:

Cordova CLI : 7.0.1 

local packages:

@ionic/app-scripts : 3.1.0
Cordova Platforms  : browser 4.1.0
Ionic Framework    : ionic-angular 3.9.2

System:

Node : v6.9.0
npm  : 3.10.8 
OS   : Linux 4.4

Ionic serve 工作正常，但没有检测到任何文件更改！

该问题仅出现在 Ionic v3 和 v2 项目中。

我的 Ionic v1 项目运行良好。

【问题讨论】：

总是还是一段时间后？
离子服务工作正常！之后没有检测到任何变化，
你更新了 ionic 全局包了吗？如果不尝试（npm update -g ionic）
是的，它已更新到最新版本但无法正常工作
尝试将 --livereload 添加到命令中。

标签： ionic-framework ionic2 ionic3 ionic-cli

【解决方案1】：

要更新平台文件中的更改，您必须运行 ionic cordova prepare 然后运行 ionic serve 它可以工作.. ionic cordova prepare 将 www 的所有文件复制到 platform 目录中，该目录将反映在您的 apk 或 ipa 中

【讨论】：

执行 Ionic cordova prepare 后没有变化
还有一件事，请检查node版本和npm版本，你也必须更新它，因为它会下载maven repo。据此
节点版本 6.9.0 npm 5.2.0。需要更新吗？ npm 更新了！
Ionic 正在后台处理 maven 存储库，您必须确保在更新 ionic 和节点版本后将存储库更新到 .gradle 目录。
我如何检查这个？

【解决方案2】：

当我使用 ionic cli build app(ionic3 + angular5) 时，同样的问题发生在我身上。我将 '@ionic/app-scripts' 更新为版本 '3.1.6'，然后问题解决了

【讨论】：

【解决方案3】：

这样试试

ionic serve --verbose =>没用，有错误；

npm run ionic:build --verbose =>跑了，OK了。

【讨论】：

现在可以正常工作了！这是运行sudo ionic serve时的权限问题，它对我有用
很高兴为您提供帮助，您有什么问题吗？

【解决方案4】：

使用“npm install”，然后使用“gulp build”和“gulp serve”。还要确保更新所有依赖项。通过“离子信息”检查依赖项的版本。

【讨论】：

使用 npm install gulp 安装 gulp 后显示未找到 gulp 文件

【解决方案5】：

试试 npm run ionic:serve。安装最新的 cordova 更新时出现类似问题。

【讨论】：

对不起！没有用 npm run ionic:serve

【解决方案6】：

尝试以下步骤.. 可能会有所帮助

npm install -g ionic@latest

npm install @ionic/app-scripts@latest --save-dev

npm install ionic-angular@latest --save

ionic serve

【讨论】：

【解决方案7】：

请在您的项目中使用这些命令。

sudo sysctl fs.inotify.max_user_watches=524288

sudo sysctl -p --system

再次运行 ionic serve

【讨论】：

【解决方案8】：

删除node_modules文件夹然后使用命令

npm install

紧随其后

ionic serve--verbose

希望一切顺利。

【讨论】：

【解决方案9】：

我之前遇到过这个问题，试试这个而不是离子服务：

npm run ionic:serve

【讨论】：

【解决方案10】：

您不应将“sudo”与任何 ionic/npm 命令一起使用。如果它在没有“sudo”的情况下抛出错误，那么您可以通过更改 npm 包的所有者来修复它，使用以下命令：

sudo chown -R $(whoami) ~/.npm

【讨论】：

【解决方案11】：

我运行 ionic 3 应用程序的配置：

cli 包：(/usr/local/lib/node_modules)

@ionic/cli-utils  : 1.19.1
ionic (Ionic CLI) : 3.19.1

全局包：

cordova (Cordova CLI) : 8.0.0

本地包：

@ionic/app-scripts : 3.1.7
Cordova Platforms  : android 6.3.0
Ionic Framework    : ionic-angular 3.9.2

系统：

Android SDK Tools : 26.1.1
Node              : v8.2.1
npm               : 5.5.0 
OS                : Linux 4.4

环境变量：

ANDROID_HOME : /root/Android/Sdk

杂项：

backend : pro

【讨论】：

【解决方案12】：

在提示符中使用这些命令。

npm cache clear --force
rm -rf node_modules/
npm install -d

【讨论】：

【解决方案13】：

安装ws：

npm install ws@3.3.2 --save-dev --save-exact

【讨论】：

【解决方案14】：

在 ionic 3 中，您必须输入：

cordova run android 或 cordova run ios，部署您的构建设备。
cordova build android 或 cordova build ios，仅用于构建。

【讨论】：

【解决方案15】：

你试过用这个cmd吗

npm 运行 ionic:serve

【讨论】：

【解决方案16】：

我认为你的问题是

NODE version (6.9.1) ..

您可以尝试升级到 9.1.0 或更高版本吗？

【讨论】：

【解决方案17】：

我的答案有效。我的机器也有一个不同的 Node 包，我一开始就忘记了。

所以我使用以下方法删除了 node_modules：

sudo rm -rf /opt/local/bin/node /opt/local/include/node /opt/local/lib/node_modules
sudo rm -rf /usr/local/bin/npm /usr/local/share/man/man1/node.1 /usr/local/lib/dtrace/node.

为了让所有 cli 的事情变得不那么复杂 - 回到 https://nodejs.org/ 并重新安装 LTS 包

从 brew 中卸载 Node
使用安装程序以传统方式重新安装 node.js

【讨论】：

【解决方案18】：

在 package.json 文件中包含以下脚本

"browser": "ionic-app-scripts serve --sourceMap source-map --iscordovaserve --wwwDir platforms/browser/www/ --buildDir platforms/browser/www/build"
and run

运行后npm run browser

【讨论】：

【解决方案19】：

我遇到过这样的问题，尝试了一个新的应用程序，运行良好，尝试了另一个旧应用程序，也运行良好。

尝试停止使用某些模块（我的情况是剪贴板和另一个模块），解决了问题，在我的情况下，这是我导入或使用它的方式错误。

ionic 5 是我的 ionic 版本

希望这会对某人有所帮助

【讨论】：

【解决方案20】：

对我有用的是修复项目 ionic repair ，然后我运行 ionic serve 并且效果很好。希望这能解决您的问题。

【讨论】：