Maven+Spring Boot+WebJars+RequireJS模块加载失败问题求助

看起来你已经搞定了crossroads的加载问题，剩下的requirejs-i18n的问题，核心是RequireJS不知道该从WebJars的正确路径去加载这个插件模块，咱们一步步来解决：

1. 先确认WebJars中requirejs-i18n的实际路径 #

首先你可以直接在浏览器里访问这个地址，验证文件是否存在：
http://localhost:8080/webjars/requirejs-i18n/2.0.4/i18n.js
如果能正常返回JS文件，说明WebJars的依赖已经正确引入，只是RequireJS的路径没配置对；如果返回404，先检查pom里的依赖是否真的被下载到本地仓库，或者Spring Boot的WebJars自动映射是否正常（默认是开启的，除非你自定义了资源处理规则）。

2. 在RequireJS配置中添加路径映射 #

你需要在require.config()里给i18n插件指定WebJars的路径，这样RequireJS才知道去哪里找它：

require.config({
  baseUrl: '/js', // 保留你已有的基础路径
  paths: {
    // 保留你已有的其他模块映射，比如jquery、signals等
    'i18n': '/webjars/requirejs-i18n/2.0.4/i18n'
  }
});

如果不想硬编码版本号（避免后续升级依赖时还要修改JS），可以用Spring Boot提供的WebJars版本变量，比如在Thymeleaf模板里这样写：

require.config({
  paths: {
    'i18n': '@{/webjars/requirejs-i18n/${requirejs-i18n.version}/i18n}'
  }
});

这样会自动读取pom中配置的依赖版本号。

3. 正确使用i18n插件加载资源 #

配置好路径后，直接用你最初的方式加载即可：

define(['i18n!nls/messages'], function(messages) {
  // 这里就可以正常使用messages里的国际化内容了
});

注意：i18n!是RequireJS插件的标准语法，RequireJS会识别!前面的i18n作为插件模块，去加载对应的插件后再处理后面的nls/messages资源。你之前尝试的requirejs-i18n!是错误的，因为插件模块名已经通过paths映射成i18n了。

额外排查点 #

• 确认你的nls/messages目录结构是否正确：如果baseUrl是/js，那么nls文件夹应该在/js目录下，里面要有messages.js以及对应的区域文件（比如en/messages.js、zh/messages.js等）。
• 检查浏览器控制台的错误信息，如果还是404，看请求的路径是不是和你配置的一致，有没有拼写错误（比如版本号、文件名）。

内容的提问来源于stack exchange，提问作者SME