Node.js集成i18n-express多语言时报translation未定义如何解决

问题原因 #

你代码中存在两个核心错误导致translation变量未被正常注入到模板：

• 重复实例化Express应用：代码开头已经通过const app = express()创建了应用实例，后续引入i18n相关依赖后又执行了一次var app = express()，会直接覆盖原有实例，你挂载的i18n中间件是绑定在新的空实例上的，和最终监听端口的实例不是同一个，模板自然无法读取到i18n注入的translation变量。
• 静态资源路径配置错误：app.use('/css', express.static(__dirname + 'public/css'))这类配置缺少路径拼接的必要斜杠，容易引发资源加载异常。

解决步骤 #

仅需修改app.js代码即可正常实现多语言需求，不需要更换其他方案：

1. 删除重复的var app = express()这一行代码
2. 修正静态资源路径的拼接逻辑
3. 确认i18n目录下的各语言json文件为标准键值对格式，无语法错误

修正后的完整app.js代码 #

// Imports
const express = require('express')
const expressLayouts = require('express-ejs-layouts')
const session = require('express-session');
const path = require('path');
const cookieParser = require('cookie-parser');
const bodyParser = require('body-parser');
const i18n=require("i18n-express");

const app = express()
const port = 5000

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
app.use(session({
  secret: 'secret',
  saveUninitialized: true,
  resave: true
}));
 
app.use(i18n({
  translationsPath: path.join(__dirname, 'i18n'),
  siteLangs: ["es", "en", "de", "ru", "it"],
  textsVarName: 'translation'
}));

  
// Static Files
app.use(express.static('public'))
app.use('/css', express.static(path.join(__dirname, 'public/css')))
app.use('/images', express.static(path.join(__dirname, 'public/images')))

// Set Templating Engine
app.use(expressLayouts)
app.set('layout', './layouts/full-width')
app.set('view engine', 'ejs')

// Routes
app.get('', (req, res) => {
    res.render('index', { title: 'Home Page'})
})

app.get('/about', (req, res) => {
    res.render('about', { title: 'About Page', layout: './layouts/sidebar' })
})


// Listen on Port 5000
app.listen(port, () => console.info(`App listening on port ${port}`))

修改完成后重启服务即可正常切换多语言。

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