[React Native] the package itself specifies a ‘main’ module field that could not be resolved 解決方式

錯誤訊息

While trying to resolve module expo-font from file '....', the package '....' was successfully found.However, this package itself specifies a 'main' module field that could not be resolved ('...'). Indeed, none of these files exist: ....

解決方式

打開 node_modules/metro/src/integration_tests/metro.config.js，加入 resolver.sourceExts:['jsx', 'js', 'ts', 'tsx'] 和 transformer.experimentalImportSupport: false：

resolver: {
  sourceExts: ['jsx', 'js', 'ts', 'tsx'],
},
transformer: {
    experimentalImportSupport: false,
}

或者也可以安裝這個第三方庫，會幫你自動完成這些設定：https://www.npmjs.com/package/@expo/metro-config

更多 metro.config.js 的 API 可以查看官方文檔：https://facebook.github.io/metro/docs/configuration/

相關文章:

【JS學習筆記】了解 Promise 的基本使用 Expo 使用 EAS build 時遇到的坑及解決方式 GraphQL + Express + MySQL 實戰學習筆記 React + Jotai 實現登入註冊及驗證 解決 preact 資源請求路徑錯誤的問題