Yeoman生成的网站缺少Bower Components文件夹

时间:2013-10-21 15:26:29

标签: gruntjs yeoman bower yeoman-generator

这些是我运行的所有命令,以防万一:

节点版本:

> node -v

v0.10.21。

安装 yo

> npm install -g yo

这没有产生任何错误或警告。

安装 generator-webapp

> npm install -g generator-webapp
npm WARN engine hawk@0.10.2: wanted: {"node":"0.8.x"} (current: {"node":"v0.10.21","npm":"1.3.9"})
npm WARN engine hoek@0.7.6: wanted: {"node":"0.8.x"} (current: {"node":"v0.10.21","npm":"1.3.9"})
npm WARN engine sntp@0.1.4: wanted: {"node":"0.8.x"} (current: {"node":"v0.10.21","npm":"1.3.9"})
npm WARN engine boom@0.3.8: wanted: {"node":"0.8.x"} (current: {"node":"v0.10.21","npm":"1.3.9"})
npm WARN engine cryptiles@0.1.3: wanted: {"node":"0.8.x"} (current: {"node":"v0.10.21","npm":"1.3.9"})

创建目录......有用的

> md wat
> cd wat

脚手架 webapp

wat> yo webapp

这些是我用过的选项:

Out of the box I include HTML5 Boilerplate and jQuery.
[?] What more would you like?
 [ ] Bootstrap for Sass
>[X] RequireJS
 [ ] Modernizr

现在这确实产生了很多不愉快的消息:

- npm WARN package.json wat@0.0.0 No description
npm WARN package.json wat@0.0.0 No repository field.
npm WARN package.json wat@0.0.0 No README data
...
npm http GET https://registry.npmjs.org/grunt-svgmin
npm http GET https://registry.npmjs.org/grunt-concurrent
npmbower ENOGIT         git is not installed or not in the PATH
http 304 https://registry.npmjs.org/grunt-contrib-requirejs
npm http 304 https://registry.npmjs.org/grunt
npm http 408 https://registry.npmjs.org/grunt-contrib-imagemin
npm ERR! registry error parsing json
npm http 408 https://registry.npmjs.org/grunt-contrib-watch
npm ERR! registry error parsing json
npm http 304 https://registry.npmjs.org/grunt-bower-requirejs
npm http 304 https://registry.npmjs.org/grunt-contrib-jshint
...
npm http 408 https://registry.npmjs.org/grunt-usemin
npm ERR! registry error parsing json
npm http 408 https://registry.npmjs.org/grunt-contrib-connect
npm ERR! registry error parsing json
...
npm http 304 https://registry.npmjs.org/asn1/0.1.11
npm WARN deprecated object-keys@0.2.0: Please update to the latest object-keys
npm http 304 https://registry.npmjs.org/assert-plus/0.1.2
...
npm WARN prefer global bower@1.2.7 should be installed with -g

正在运行服务器:

> grunt server

Running "copy:styles" (copy) task
Warning: Running "compass:dist" (compass) task
Warning: You need to have Ruby and Compass installed and in your system PATH for this task to work. More info: https://github.com/gruntjs/grunt-contrib-compass Use --force to continue. Use --force to continue.

> grunt server --force

    Warning:
    N:\wat\node_modules\grunt-contrib-compass\node_modules\tmp\lib\tmp.js:261
      throw err;
            ^
    TypeError: Cannot read property 'stdout' of undefined
        at compile (N:\wat\node_modules\grunt-contrib-compass\tasks\compass.js:39:10)
        at N:\wat\node_modules\grunt-contrib-compass\tasks\compass.js:70:7
        at N:\wat\node_modules\grunt-contrib-compass\tasks\lib\compass.js:121:11

        at _fileCreated (N:\wat\node_modules\grunt-contrib-compass\node_modules\
tmp\lib\tmp.js:172:7)
        at OpenReq.Req.done (N:\wat\node_modules\grunt-contrib-imagemin\node_mod
ules\gifsicle\node_modules\bin-wrapper\node_modules\download\node_modules\decomp
ress\node_modules\tar\node_modules\fstream\node_modules\graceful-fs\graceful-fs.
js:142:5)
        at OpenReq.done (N:\wat\node_modules\grunt-contrib-imagemin\node_modules
\gifsicle\node_modules\bin-wrapper\node_modules\download\node_modules\decompress
\node_modules\tar\node_modules\fstream\node_modules\graceful-fs\graceful-fs.js:6
4:22)
        at OpenReq.Req.done (N:\wat\node_modules\grunt-contrib-imagemin\node_mod
ules\gifsicle\node_modules\bin-wrapper\node_modules\download\node_modules\decomp
ress\node_modules\rimraf\node_modules\graceful-fs\graceful-fs.js:142:5)
        at OpenReq.done (N:\wat\node_modules\grunt-contrib-imagemin\node_modules
\gifsicle\node_modules\bin-wrapper\node_modules\download\node_modules\decompress
\node_modules\rimraf\node_modules\graceful-fs\graceful-fs.js:64:22)
        at OpenReq.Req.done (N:\wat\node_modules\grunt-contrib-imagemin\node_mod
ules\pngquant-bin\node_modules\bin-wrapper\node_modules\download\node_modules\de
compress\node_modules\tar\node_modules\fstream\node_modules\graceful-fs\graceful
-fs.js:142:5)
        at OpenReq.done (N:\wat\node_modules\grunt-contrib-imagemin\node_modules
\pngquant-bin\node_modules\bin-wrapper\node_modules\download\node_modules\decomp
ress\node_modules\tar\node_modules\fstream\node_modules\graceful-fs\graceful-fs.
js:64:22) Used --force, continuing.

Running "compass:dist" (compass) task
Warning: You need to have Ruby and Compass installed and in your system PATH for
 this task to work. More info: https://github.com/gruntjs/grunt-contrib-compass
Used --force, continuing.

Running "copy:styles" (copy) task

Running "autoprefixer:dist" (autoprefixer) task
File ".tmp/styles/main.css" created.

Running "connect:livereload" (connect) task
Started connect web server on 127.0.0.1:9000.

Running "watch" task
Waiting...

现在问题:

当浏览器打开时,我有这两个404 ......

Failed to load resource: the server responded with a status of 404 (Not Found)
http://127.0.0.1:9000/bower_components/jquery/jquery.js
Failed to load resource: the server responded with a status of 404 (Not Found)
http://127.0.0.1:9000/bower_components/requirejs/require.js

我可以手动创建文件夹并放置文件,但是使用这个脚手架工具的重点是什么。

我错过了什么?我是Yeoman的新手,但是yeoman's getting started page很清楚。

2 个答案:

答案 0 :(得分:4)

你需要安装红宝石和指南针。它就是这么说的。

  1. https://www.ruby-lang.org/en/downloads/

  2. http://compass-style.org/install/

答案 1 :(得分:1)

我已经完成了节点0.10.20和npm 1.3.6的步骤而没有问题。

让我感到惊讶的是你有wanted: {"node":"0.8.x"}引擎。大多数软件包只需要">=0.8.0"。除非你在某处有自定义的package.json或文件下载已损坏。

你可以观察npm配置文件并在问题中添加package.json的内容(我的是在Linux上的/ usr / lib / node_modules / npm)