Ionic 2：离子服务导致白色/空白页面

Question

我今天安装了 Ionic2 并尝试了几个入门项目。每次 ionic serve 都会提供一个空白（白色）浏览器屏幕，没有构建或控制台错误。未对起始代码进行任何编辑。

app.bundle.js 被截断：

> (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof
> require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return
> i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw
> f.code="MODULE_NOT_FOUND",f}var
> l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var
> n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return
> n[o].exports}var i=typeof require=="function"&&require;for(var
> o=0;o<r.length;o++)s(r[o]);return
> s})({1:[function(require,module,exports){
> 
> },{}],2:[function(require,module,exports){
> arguments[4][1][0].apply(exports,arguments) },{"dup":1}]},{},[1,2])
> 
> //# sourceMappingURL=app.bundle.js.map

和app.bundle.js.map（第一部分）如下：

> {"version":3,"sources":["../../../../Documents/Apps/ionic2/testapp/node_modules/browser-pack/_prelude.js","app/app.ts"],"names":[],"mappings":"AAAA;ACAA","file":"app.bundle.js","sourceRoot":"../../../","sourcesContent":["(function
> e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof
> require==\"function\"&&require;if(!u&&a)return a(o,!0);if(i)return
> i(o,!0);var f=new Error(\"Cannot find module '\"+o+\"'\");throw
> f.code=\"MODULE_NOT_FOUND\",f}var
> l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var
> n=t[o][1][e];

还有其他几个与“白屏”相关的主题，但到目前为止还没有找到反映我的情况的解决方案。

> Ionic info:
> 
> Cordova CLI: 6.3.0 Gulp version: CLI version 3.9.0 Gulp local: Local
> version 3.9.1 Ionic Framework Version: 2.0.0-beta.10 Ionic CLI
> Version: 2.0.0-beta.35 Ionic App Lib Version: 2.0.0-beta.19 OS:
> Windows 7 SP1 Node Version: v5.12.0

根据其他帖子尝试过的解决方案： - 卸载/重新安装 ionic2 和 cordova - 重新安装 node.js - 以管理员身份运行命令提示符

注意：离子服务适用于较旧的 ionic1 项目。

感谢您提供任何见解。

Answer 1

好的，为遇到此问题的其他人找到了解决方案。

推测我将我的 App 文件夹移到了目录树的更上方（认为这可能是 node_module 文件的路径长度问题。我的 App 文件夹现在正在运行 c:\Apps 应用程序正在编译并显示在浏览器中。