i18n 有問題

[sao-coding]

配置

前端 Nextjs(React)

有試過強制加 locale 沒用

'use client'

import React from 'react'
import { usePathname } from 'next/navigation'
import Artalk from 'artalk'

import 'artalk/dist/Artalk.css'

const ArtalkComment = () => {
  const container = React.useRef<HTMLDivElement>(null)
  const artalk = React.useRef<Artalk>()
  const pathname = usePathname()

  React.useEffect(() => {
    artalk.current = Artalk.init({
      el: container.current!,
      pageKey: pathname,
      pageTitle: '留言板',
      server: 'http://192.168.1.11:23366',
      site: 'TIPX'
      // ...
    })

    return () => {
      artalk.current?.destroy()
    }
  }, [container, pathname])

  return <div ref={container}></div>
}

export default ArtalkComment

2024-09-09.21-36-21.mp4

結果後面試了一下 html 改 lang 也沒用

後端

[qwqcode]

你好！一般情況下，只需要設置環境變數 ATK_LOCALE 即可切換語言，無需其他操作。

你的 Artalk 後端伺服器是自行編譯的嗎？還是使用官方提供的二進制版本？如果是本地自行編譯，可以嘗試執行腳本 ./scripts/build-frontend.sh 來預先編譯語言包，然後重新啟動 Artalk 的 Golang 後端伺服器，執行 make dev。

我簡單測試了一下，似乎沒有發現問題。我看到你影片中的問題，原因可能是前端沒有引入 i18n/zh-TW.js 語言包，導致無法切換到繁體中文。

預設情況下，語言包會自動從後端伺服器引入，像是 https://artalk.xxx/i18n/zh-TW.js。你也可以嘗試手動引入：

import ArtalkZhTW from 'artalk/i18n/zh-TW'

Artalk.init({
    locale: ArtalkZhTW,
})

另外，我注意到 zh-TW 的控制台設定介面顯示的是英文，這是因為 /conf/ 目錄下的 artalk.example.yml 檔案還沒有繁體中文翻譯，後續更新時我會補充上這部分。感謝你的反饋，也歡迎繼續提出問題！

2024-09-10.11-16-13.mp4

[sao-coding]

謝謝你的回答
我是用官方提供
另外我嘗試部屬後發現
部屬後是正常顯示的，本地端也有跑js不確定是甚麼問題給你參考

2024-09-10.20-50-31.mp4