新生成器angular项目(CoffeeScript)的测试失败

Tests fail with new generator-angular project (CoffeeScript)

本文关键字：测试 失败 CoffeeScript angular 项目 新生      更新时间：2023-09-26

首先，我用Yeoman生成器——angular生成器搭建了一个angular项目。

$ mkdir project && cd project
$ yo angular --coffee
...
[?] Would you like to use Sass (with Compass)? Yes
[?] Would you like to include Twitter Bootstrap? Yes
[?] Would you like to use the Sass version of Twitter Bootstrap? Yes
[?] Which modules would you like to include? angular-resource.js, angular-route.js
...

使用grunt test的Karma测试不能直接工作，所以你需要手动安装一些额外的依赖项:

$ npm install karma-jasmine --save-dev
$ npm install karma-chrome-launcher --save-dev

在此之后，测试仍然失败。从错误来看，好像coffeescript文件被解释为JavaScript。

$ grunt test
Running "karma:unit" (karma) task
INFO [karma]: Karma v0.12.1 server started at http://localhost:8080/
INFO [launcher]: Starting browser Chrome
WARN [watcher]: Pattern "/Users/karl/projects/resources/test/mock/**/*.coffee" does not match any file.
INFO [Chrome 33.0.1750 (Mac OS X 10.9.2)]: Connected on socket W35K_wuKKVx2BweeP-F2 with id 48564140
Chrome 33.0.1750 (Mac OS X 10.9.2) ERROR
  Uncaught SyntaxError: Unexpected token >
  at /Users/karl/projects/resources/app/scripts/app.coffee:7
Chrome 33.0.1750 (Mac OS X 10.9.2) ERROR
  Uncaught SyntaxError: Unexpected string
  at /Users/karl/projects/resources/app/scripts/controllers/header.coffee:4
Chrome 33.0.1750 (Mac OS X 10.9.2) ERROR
  Uncaught SyntaxError: Unexpected string
  at /Users/karl/projects/resources/app/scripts/controllers/main.coffee:4
Chrome 33.0.1750 (Mac OS X 10.9.2) ERROR
  Uncaught SyntaxError: Unexpected string
  at /Users/karl/projects/resources/test/spec/controllers/main.coffee:3

看来一个新的生成器-angular CoffeeScript项目需要karma-coffee-preprocessor依赖项以及一个预处理器配置对象。

我已经打开了一个pull request来修复这个在generator-karma生成器中，但同时你可以通过在命令行上运行以下命令来手动修复它:

npm install --save-dev karma-chrome-launcher karma-firefox-launcher karma-safari-launcher karma-opera-launcher karma-ie-launcher karma-jasmine karma-coffee-preprocessor

然后将此添加到karma.conf.js:

preprocessors: {
  '**/*.coffee': ['coffee']
},
相关文章：