Question

我正在设置一个新的node.js服务器，我想根据Modernizr库的响应向用户发送不同的网页/资产。

这是Windows服务器，它使用express基本命令显示文件。某些浏览器不允许使用.webp图像，因此我决定包括Modernizr来检测是否允许使用此技术，因此服务器会为您提供位于不同文件夹中的.png或.webp。

var express = require('express');
var app = express();
var path = require('path'); 
var fs = require('fs');
var http = require('http');
var url = require('url');
var Modernizr = './path/to/lib/modernizr.js';

function image() {
   Modernizr.on('webpanimation', function( result ) {
  if (result) {
    return "__dirname + '/webp'";
      }
  else {
    return "__dirname + '/png'";
  }
})
}

app.use('/', express.static(image()));

// app.use('/', express.static(__dirname + '/webp'));  (This works)   

app.listen(3000);
console.log("I'm here, in port 3000");

运行时会出现错误。

C:\Users\marke\Desktop\node>node app.js
C:\Users\marke\Desktop\node\app.js:10
        Modernizr.on('webpanimation', function( result ) {
                  ^

TypeError: Modernizr.on is not a function
    at image (C:\Users\marke\Desktop\node\app.js:10:12)
    at Object.<anonymous> (C:\Users\marke\Desktop\node\app.js:24:29)
    at Module._compile (internal/modules/cjs/loader.js:689:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:700:10)
    at Module.load (internal/modules/cjs/loader.js:599:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:538:12)
    at Function.Module._load (internal/modules/cjs/loader.js:530:3)
    at Function.Module.runMain (internal/modules/cjs/loader.js:742:12)
    at startup (internal/bootstrap/node.js:283:19)
    at bootstrapNodeJSCore (internal/bootstrap/node.js:743:3)

我有各种各样的理论，其中之一是，也许Modernizr的道路是错误的，尽管我找不到其他方法来索要它，因为我无法使用require。

预先感谢^^

Answer 1

据我所知，您已经将Modernizr变量声明为字符串。

var Modernizr = './path/to/lib/modernizr.js';
...
Modernizr.on()...

您的意思是：

var Modernizr = require('./path/to/lib/modernizr.js');

？

根据Modernizr提供不同的资产

1 个答案: