我成功安装了应用程序依赖项的所有基础,包括ruby,nodejs,git,scss和所有内容。
然而,它似乎在加载其属性方面存在问题。它显示下面的屏幕(没有模板,css和js)
应该显示下面的那个
通过Chrome和控制台来判断,这显然是我本地设置的问题。 有谁知道如何解决这一问题?
下面是我的Chrome控制台错误,我运行了欢迎模板。
无法加载资源:服务器响应状态为404(未找到) http://localhost:8080/assets/js/angular.min.js无法加载资源:服务器响应状态为404(未找到) foundation.js:21 Uncaught TypeError:无法读取属性'替换'为null http://localhost:8080/assets/css/app.css无法加载资源:服务器响应状态为404(未找到)
答案 0 :(得分:2)
通过运行 gulp 任务启动应用后,将在项目内生成一个名为build
的文件夹,其中包含assets
文件夹以及导航器所需的所有文件无法加载。
查看内部,如果找不到它们,则可能与安装或配置问题有关。在这种情况下,最好再次尝试安装。
但如果一切都在它认为可能是端口冲突的问题,那么您计算机中的其他应用可能正在使用http://localhost:8080,在这种情况下,您需要打开 gulpfile.js
并转到启动测试服务器的行:
// Starts a test server, which you can view at http://localhost:8080
gulp.task('server', ['build'], function() {
gulp.src('./build')
.pipe($.webserver({
port: 8080,
host: 'localhost',
fallback: 'index.html',
livereload: true,
open: true
}))
;
});
将port: 8080
更改为port: 8081
或其他任何内容,重新启动gulp任务以重新创建新服务器,如果新端口可用http://localhost:8081
,它将有效。
我遇到了完全相同的问题,结果发现我的apache服务器总是打开来呈现我的PHP文件,它使用的是:8080
端口。