离子 4：无法获取 /

Posted 2023-03-16

【中文标题】离子 4：无法获取 /

【英文标题】：Ionic 4: Cannot GET /

【发布时间】：2019-09-22 14:07:45

【问题描述】：

为什么会出现此错误？我在 cmd 中运行以下命令：

ionic start pollito tabs

cd pollito
ionic server

CMD: [INFO] 浏览器窗口打开到 http://localhost:8100!

[ng] i ｢wdm｣：等待捆绑完成：/ [ng] 日期：2019-05-04T05:20:49.125Z [ng] 哈希：dc6d227d2df5e3578183 [ng] 时间：154003ms [ng] [ng] ./src/global.scss 中的错误 (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src ??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/global.scss)[ng] 模块构建失败（来自 ./node_modules/sass-loader/ lib/loader.js)：[ng] 错误：找不到模块 'node-sass' [ng] 需要堆栈：[ng] - C:\Angel\pollito\node_modules\sass-loader\lib\loader.js [ng ] - C:\Angel\pollito\node_modules\loader-runner\lib\loadLoader.js [ng] - C:\Angel\pollito\node_modules\loader-runner\lib\LoaderRunner.js [ng] - C:\Angel \pollito\node_modules\webpack\lib\NormalModule.js [ng] - C:\Angel\pollito\node_modules\webpack\lib\NormalModuleFactory.js [ng] - C:\Angel\pollito\node_modules\webpack\lib\Compiler .js [ng] - C:\Angel\pollito\node_modules\webpack\lib\webpack.js [ng] - C:\Angel\pollit o\node_modules@angular-devkit\build-webpack\src\webpack\index.js [ng] - C:\Angel\pollito\node_modules@angular-devkit\build-webpack\src\index.js [ng] - C :\Angel\pollito\node_modules@angular-devkit\build-angular\src\dev-server\index.js [ng] - C:\Angel\pollito\node_modules@angular-devkit\architect\src\architect-legacy。 js [ng] - C:\Angel\pollito\node_modules@angular-devkit\architect\src\index.js [ng] - C:\Angel\pollito\node_modules@angular\cli\models\architect-command.js [ ng] - C:\Angel\pollito\node_modules@angular\cli\commands\build-impl.js [ng] - C:\Angel\pollito\node_modules@angular-devkit\schematics\tools\export-ref.js [ ng] - C:\Angel\pollito\node_modules@angular-devkit\schematics\tools\index.js [ng] - C:\Angel\pollito\node_modules@angular\cli\utilities\json-schema.js [ng] - C:\Angel\pollito\node_modules@angular\cli\models\command-runner.js [ng] - C:\Angel\pollito\node_modules@angular\cli\lib\cli\index.js [ng] - C :\Angel\pollito\node_modules@angular\cli\lib\init.js [ng] - C:\Angel\poll ito\node_modules@angular\cli\bin\ng [ng] 在 Function.Module._resolveFilename (internal/modules/cjs/loader.js:610:15) [ng] 在 Function.Module._load (internal/modules/cjs /loader.js:526:27) [ng] 在 Module.require (internal/modules/cjs/loader.js:666:19) [ng] 在 require (internal/modules/cjs/helpers.js:16:16 ) [ng] 在 Object.sassLoader (C:\Angel\pollito\node_modules\sass-loader\lib\loader.js:46:72) [ng] 错误在 ./src/theme/variables.scss (./node_modules /@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/lib /loader.js??ref--14-3!./src/theme/variables.scss) [ng] 模块构建失败（来自 ./node_modules/sass-loader/lib/loader.js）：[ng] 错误: 找不到模块 'node-sass' [ng] 需要堆栈：[ng] - C:\Angel\pollito\node_modules\sass-loader\lib\loader.js [ng] - C:\Angel\pollito\node_modules\ loader-runner\lib\loadLoader.js [ng] - C:\Angel\pollito\node_modules\loader-runner\lib\LoaderRunner.js [ng] - C:\Angel\pollito\node_modules\webpack\lib\NormalModule.js [ng] - C:\Angel\pollito\node_modules\webpack\lib\NormalModuleFactory.js [ng] - C:\Angel\pollito\node_modules\ webpack\lib\Compiler.js [ng] - C:\Angel\pollito\node_modules\webpack\lib\webpack.js [ng] - C:\Angel\pollito\node_modules@angular-devkit\build-webpack\src\ webpack\index.js [ng] - C:\Angel\pollito\node_modules@angular-devkit\build-webpack\src\index.js [ng] - C:\Angel\pollito\node_modules@angular-devkit\build- angular\src\dev-server\index.js [ng] - C:\Angel\pollito\node_modules@angular-devkit\architect\src\architect-legacy.js [ng] - C:\Angel\pollito\node_modules@ angular-devkit\architect\src\index.js [ng] - C:\Angel\pollito\node_modules@angular\cli\models\architect-command.js [ng] - C:\Angel\pollito\node_modules@angular\ cli\commands\build-impl.js [ng] - C:\Angel\pollito\node_modules@angular-devkit\schematics\tools\export-ref.js [ng] - C:\Angel\pollito\node_modules@angular- devkit\schematics\tools\index.js [ng] - C:\Angel\poll ito\node_modules@angular\cli\utilities\json-schema.js [ng] - C:\Angel\pollito\node_modules@angular\cli\models\command-runner.js [ng] - C:\Angel\pollito\ node_modules@angular\cli\lib\cli\index.js [ng] - C:\Angel\pollito\node_modules@angular\cli\lib\init.js [ng] - C:\Angel\pollito\node_modules@angular\ cli\bin\ng [ng] 在 Function.Module._resolveFilename (internal/modules/cjs/loader.js:610:15) [ng] 在 Function.Module._load (internal/modules/cjs/loader.js:526 :27) [ng] 在 Module.require (internal/modules/cjs/loader.js:666:19) [ng] 在 require (internal/modules/cjs/helpers.js:16:16) [ng] 在 Object .sassLoader (C:\Angel\pollito\node_modules\sass-loader\lib\loader.js:46:72) [ng] ./src/app/tab1/tab1.page.scss 中的错误 [ng] 模块构建失败（来自 ./node_modules/sass-loader/lib/loader.js）：[ng] 错误：找不到模块 'node-sass' [ng] 需要堆栈：[ng] - C:\Angel\pollito\node_modules\sass -loader\lib\loader.js [ng] - C:\Angel\pollito\node_modules\loader-runner\lib\loadLoader.js [ng] - C:\Angel\ pollito\node_modules\loader-runner\lib\LoaderRunner.js [ng] - C:\Angel\pollito\node_modules\webpack\lib\NormalModule.js [ng] - C:\Angel\pollito\node_modules\webpack\lib\ NormalModuleFactory.js [ng] - C:\Angel\pollito\node_modules\webpack\lib\Compiler.js [ng] - C:\Angel\pollito\node_modules\webpack\lib\webpack.js [ng] - C:\ Angel\pollito\node_modules@angular-devkit\build-webpack\src\webpack\index.js [ng] - C:\Angel\pollito\node_modules@angular-devkit\build-webpack\src\index.js [ng] - C:\Angel\pollito\node_modules@angular-devkit\build-angular\src\dev-server\index.js [ng] - C:\Angel\pollito\node_modules@angular-devkit\architect\src\architect- legacy.js [ng] - C:\Angel\pollito\node_modules@angular-devkit\architect\src\index.js [ng] - C:\Angel\pollito\node_modules@angular\cli\models\architect-command。 js [ng] - C:\Angel\pollito\node_modules@angular\cli\commands\build-impl.js [ng] - C:\Angel\pollito\node_modules@angular-devkit\schematics\tools\export-ref。 js [ng] - C:\Angel\pollito\node_modules@a ngular-devkit\schematics\tools\index.js [ng] - C:\Angel\pollito\node_modules@angular\cli\utilities\json-schema.js [ng] - C:\Angel\pollito\node_modules@angular\ cli\models\command-runner.js [ng] - C:\Angel\pollito\node_modules@angular\cli\lib\cli\index.js [ng] - C:\Angel\pollito\node_modules@angular\cli\ lib\init.js [ng] - C:\Angel\pollito\node_modules@angular\cli\bin\ng [ng] 在 Function.Module._resolveFilename (internal/modules/cjs/loader.js:610:15) [ ng] 在 Function.Module._load (internal/modules/cjs/loader.js:526:27) [ng] 在 Module.require (internal/modules/cjs/loader.js:666:19) [ng] 在 require (internal/modules/cjs/helpers.js:16:16) [ng] 在 Object.sassLoader (C:\Angel\pollito\node_modules\sass-loader\lib\loader.js:46:72) [ng] 块common common.js, common.js.map (common) 20.2 kB [rendered] [ng] chunk es2015-polyfills es2015-polyfills.js, es2015-polyfills.js.map (es2015-polyfills) 284 kB [初始] [渲染] [ng] 块 main main.js, main.js.map (main) 32 kB [初始] [渲染] [ ng] chunk polyfills polyfills.js, polyfills.js.map (polyfills) 237 kB [initial] [rendered] [ng] chunk runtime runtime.js, runtime.js.map (runtime) 8.9 kB [entry] [rendered] [ng] chunk styles styles.js, styles.js.map (styles) 22.5 kB [initial] [rendered] [ng] chunk tab1-tab1-module tab1-tab1-module.js, tab1 -tab1-module.js.map (tab1-tab1-module) 7.87 kB [rendered] [ng] 块 tab2-tab2-module tab2-tab2-module.js, tab2-tab2-module.js.map (tab2 -tab2-module) 4.52 kB [渲染] [ng] 块 tab3-tab3-module tab3-tab3-module.js, tab3-tab3-module.js.map (tab3-tab3-module) 4.52 kB [渲染] [ng] chunk tabs-tabs-module tabs-tabs-module.js, tabs-tabs-module.js.map (tabs-tabs-module) 7.55 kB [rendered] [ng] chunk vendor vendor.js , vendor.js.map (vendor) 4.36 MB [initial] [rendered] [ng] i ｢wdm｣: 编译失败。

浏览器：无法获取/

【问题讨论】：

听起来像是环境或依赖问题。我个人会全新安装框架来解决这个问题。

【参考方案1】：

当您使用 ionic serve 命令时，项目不会完全建立。为此，您必须使用ionic build 命令。 如果你的项目有错误，运行 ionic serve 时可能不会显示！项目崩溃，您的浏览器出现“无法获取”错误。

就我而言，我只需要执行ionic build 即可查看错误所在并进行修复。然后效果会更好;)

【讨论】：

不知道为什么你没有投票，但这是正确的答案。

是的，这是最有可能发生的情况

【参考方案2】：

当您在第一次编译时代码中出现错误时会出现此通知。它不会在浏览器上显示错误，但会给你cannot GET /。

您应该检查我们的浏览器控制台是否有错误，如果找不到，请检查您运行 ionic serve 的命令提示符。您将获得有关该错误的更多信息。

【参考方案3】：

如果您的项目路径中有 %20，请将其删除/替换为空格。这就是为我解决的问题。

【讨论】：

不知道为什么它最初被否决，但在文件夹名称中有一个空格，而不是特殊的字符编码，解决了 macOS 上的问题。感谢您的提示。

【参考方案4】：

我也遇到了这个问题，下面的解决方案为我解决了这个问题：

移除安卓平台：ionic cordova platform rm android 删除 node_modules 文件夹 删除插件文件夹 运行npm install 命令 再次添加android平台：ionic cordova platform add android

再次编译您的应用程序。

【参考方案5】：

在 Windows 上使用时出现此错误

应用程序的用户目录中的文档文件夹 git bash (mingw64)

我修复了这个问题

将app文件夹下移到C:盘根目录下/Development/文件夹下 只是在 gitbash (mingw64) 中重试相同的命令

似乎是 Windows 及其文件夹中的额外空格导致了这种情况，可能与 gitbash 结合使用。

【参考方案6】：

Remove Path from app-routing.module.ts .

路径：'模态'， loadChildren: () => import('./modal/modal.module').then( m => m.ModalPageModule)