样式表未应用于网页MEAN堆栈

时间:2015-02-15 06:23:28

标签: javascript html css mean-stack hogan.js

我正在尝试使用带有hogan而不是jade的MEAN堆栈创建一个网站,但我的样式表不适用于我的网页。我的目录看起来像这样(不显示模块文件,因为它们是原件而我没有编辑它们):

web_folder
 - bin
    - www
 - node_modules
    - body-parser
    - cookie-parser
    - debug
    - express
    - hjs
    - less-middleware
    - morgan
    - serve-favicon
 - public
    - images
    - javascripts
    - stylesheets
       - style.css
       - style.less
    - favicon.ico
 - routes
    - index.js
    - users.js
 - views
    - error.hjs
    - index.hjs
 - app.js
 - package.json

我的app.js包含了以下所有应用样式表所需的行:

var app = express();

app.use(require('less-middleware')(path.join(__dirname, 'public')));
app.use(express.static(path.join(__dirname, 'public')));

样式表仍然不适用于网页。如果我转到localhost:3000 / stylesheets / style.css,它会显示以下错误:

Unrecognised input

Error
    at new Parser (C:\Users\WScott\Desktop\Programming\meanJS\exp2015\node_modules\less-middleware\node_modules\less\lib\less\parser.js:333:27)
    at render (C:\Users\WScott\Desktop\Programming\meanJS\exp2015\node_modules\less-middleware\lib\middleware.js:153:18)
    at C:\Users\WScott\Desktop\Programming\meanJS\exp2015\node_modules\less-middleware\lib\middleware.js:245:13
    at fs.js:336:14
    at FSReqWrap.oncomplete (fs.js:99:15)

我是MEAN堆栈的新手,我无法在线找到解决方案。如果需要,我可以发布更多我的app.js或其他文件的代码

编辑:完全重新格式化的问题,包括相关的代码段和我的目录

1 个答案:

答案 0 :(得分:0)

确定在尝试解析LESS文件时看起来有错误。

错误输出试图向您显示发生错误的less文件中的行内容,但看起来该行没有内容。

您可以尝试通过online-less-compiler 运行较少的文件,以检查其格式是否有效。

查看是否可以帮助您找到文件格式的问题。