grunt构建无法加载模板

时间:2016-06-14 05:12:57

标签: angularjs gruntjs yeoman

我创建了一个没有正确建造的自然角度项目。运行生成构建(dist文件夹)后,我收到此错误:

  

无法加载模板:/bundles/craigslist/main.html

它似乎是在复制文件,但由于html文件变成了一个生活在dist / scripts.js中的字符串,因此在尝试查找/bundles/craigslist/main.html时会抛出错误

在我的" /dist/scripts.js":

.config(["$routeProvider", function(a) { 
      a.when("/", {
           templateUrl:"/bundles/craigslist/main.html",
           controller:"CraigslistMainCtrl",
           controllerAs:"craigslist_main_root"
      })

必要时提供信息:

而不是模式/脚本和/视图,我使用将类似文件组织在一起的包,无论扩展名如何。例如,我有一个/ bundles / craigslist文件夹,其中包含craigslist模板,服务和路由。我试图调整我的Gruntfile.js来解决这个问题。

这是我的咕噜文件:https://gist.github.com/ivansifrim/f632832a4ba8f44bf828b5d88066a0ce

这是我的文件夹结构:

This is my folder structure

我试图运用这里讨论的Angular / grunt failed to load template而没有任何运气。

1 个答案:

答案 0 :(得分:0)

尝试:

usemin: {
  html: ['<%= yeoman.dist %>/**/*.html'],
  css: ['<%= yeoman.dist %>/styles/{,*/}*.css'],
  js: ['<%= yeoman.dist %>/scripts/{,*/}*.js', '<%= yeoman.dist %>/bundles/{,*/}*.js'],
  options: {
    assetsDirs: [
      '<%= yeoman.dist %>',
      '<%= yeoman.dist %>/images',
      '<%= yeoman.dist %>/styles'
    ],
    patterns: {
      js: [[/(images\/[^''""]*\.(png|jpg|jpeg|gif|webp|svg))/g, 'Replacing references to images']]
    }
  }
}