应用程序的基础无法加载js和css文件

时间:2015-03-09 15:15:09

标签: angularjs zurb-foundation zurb-foundation-apps

我成功安装了应用程序依赖项的所有基础,包括ruby,nodejs,git,scss和所有内容。

然而,它似乎在加载其属性方面存在问题。

它显示下面的屏幕(没有模板,css和js)

my screen

应该显示下面的那个

proper screen

通过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(未找到)

1 个答案:

答案 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端口。

相关问题