否/ bower_components /在Yeoman Webapp中

时间:2014-04-18 05:04:13

标签: node.js gruntjs yeoman bower yeoman-generator

我是命令行和自耕农的新手,但这也是我一直在探索的事情,并决定按照介绍开始使用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菜鸟(我的意思是菜鸟),这将是太棒了。

如果此查询之前出现过道歉,我在发布之前搜索了一段时间!

5 个答案:

答案 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