我是命令行和自耕农的新手,但这也是我一直在探索的事情,并决定按照介绍开始使用Yeoman网络应用程序。
我确保在安装Yeoman之前安装了Ruby,Compass,Git和NodeJS。
我成功安装了Yeoman和Generator-webapp。
然后我在一个目录中运行yo webapp
并使用Bootstrap,Sass和Modernizr下载了一个webapp。
然而,它似乎没有为我的依赖项创建bower_components,因为当我运行ls
时,这就是我所看到的
Andrew-Clarks-MacBook:project1 clk$ ls
Gruntfile.js app bower.json node_modules package.json
然后当我运行grunt serve
时,我收到以下错误
Andrew-Clarks-MacBook:project1 clk$ grunt serve
Running "serve" task
Running "clean:server" (clean) task
Running "concurrent:server" (concurrent) task
Running "copy:styles" (copy) task
Done, without errors.
Execution Time (2014-04-18 04:28:49 UTC)
loading tasks 4ms ▇▇▇▇▇▇▇▇▇▇▇ 22%
copy:styles 13ms ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 72%
Total 18ms
Warning: Syntax error: File to import not found or unreadable: ../../bower_components/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap.scss.
Load paths:
/Users/clk/Sites/project1
/Users/clk/Sites/project1/app/styles
/Users/clk/Sites/project1/bower_components
on line 4 of app/styles/main.scss
Use --trace for backtrace. Use --force to continue.
Aborted due to warnings.
Execution Time (2014-04-18 04:28:46 UTC)
concurrent:server 4.2s ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 100%
Total 4.2s
当我运行bower install
尝试获取它们时,我收到以下消息
Andrew-Clarks-MacBook:project1 clk$ bower install
bower jquery#~1.11.0 not-cached git://github.com/jquery/jquery.git#~1.11.0
bower jquery#~1.11.0 resolve git://github.com/jquery/jquery.git#~1.11.0
bower modernizr#~2.6.2 not-cached git://github.com/Modernizr/Modernizr.git#~2.6.2
bower modernizr#~2.6.2 resolve git://github.com/Modernizr/Modernizr.git#~2.6.2
bower bootstrap-sass-official#~3.1.0 not-cached git://github.com/twbs/bootstrap-sass.git#~3.1.0
bower bootstrap-sass-official#~3.1.0 resolve git://github.com/twbs/bootstrap-sass.git#~3.1.0
bower jquery#~1.11.0 ENORESTARGET No tag found that was able to satisfy ~1.11.0
Additional error details:
No versions found in git://github.com/jquery/jquery.git
如果有人可以帮助这个命令行/ yeoman菜鸟(我的意思是菜鸟),这将是太棒了。
如果此查询之前出现过道歉,我在发布之前搜索了一段时间!
答案 0 :(得分:3)
进入你的main.scss文件,然后在第4行,将../../部分改为../
bower_components文件位于app / bower_components下。
../将你从main.scss所在的目录中提升一个级别,在这种情况下是app / styles。
../../将你带到两个级别,当你只需要上升一级时。
不确定为什么当你运行yo webapp时它会这样做,我遇到了同样的问题。它必须与新的更新有关。
答案 1 :(得分:1)
我遇到了丢失的bower组件文件夹的问题,我从使用npm命令行更改为GIT bash,然后一切似乎都正常。
答案 2 :(得分:0)
我遇到了同样的问题,除了app文件夹中的bower_components文件夹外,一切都已安装完毕。 直到我使用GitBash而不是cmd,它就像一个魅力!
答案 3 :(得分:0)
伙计们,我遇到了同样的问题[并且我不熟悉GitBash],但在我按照bower安装程序管理第三方依赖项后,我设法解决了这个问题。这里有更多帮助https://github.com/yeoman/generator-webapp
答案 4 :(得分:0)
webapp存在一个问题,似乎已在较新版本中得到解决。 webapp - relative references
此外,您可以检查是否安装了凉亭:
bower -v
如果没有安装,请安装它:
npm install -g bower