React Native导入localized-strings对象报错：Undefined is not an object

AI 小北

2026-5-12

解决React Native中localized-strings导入undefined的问题

嘿，我明白你遇到的问题啦！这个错误的根源是变量声明和导出的顺序搞反了。

你看，在你的SharedStrings.js里，你先写了export default SharedStrings;，但这时候SharedStrings变量还没被定义呢！JavaScript代码是从上到下执行的，所以这行export导出的其实是undefined，当HomeScreen组件导入它的时候，自然就找不到.next属性了。

修正后的`SharedStrings.js`代码

只需要把导出语句放在变量创建之后就行，或者直接在创建实例的时候导出：

import LocalizedStrings from 'localized-strings';

// 先创建SharedStrings实例
let SharedStrings = new LocalizedStrings({
  en: { back: 'Back', next: 'Next', skip: 'Skip' },
  fi: { back: 'Takaisin', next: 'Seuraava', skip: 'Hyppiä' },
  sw: { back: 'Tillbaka', next: 'Nästa', skip: 'Hoppa' },
  de: { back: 'Zurück', next: 'Nächster', skip: 'Überspringen' }
});

// 再导出它
export default SharedStrings;

或者更简洁的写法，直接导出实例：

import LocalizedStrings from 'localized-strings';

export default new LocalizedStrings({
  en: { back: 'Back', next: 'Next', skip: 'Skip' },
  fi: { back: 'Takaisin', next: 'Seuraava', skip: 'Hyppiä' },
  sw: { back: 'Tillbaka', next: 'Nästa', skip: 'Hoppa' },
  de: { back: 'Zurück', next: 'Nächster', skip: 'Überspringen' }
});