在Expo Web和NextJS中导入Expo字体和资产

时间:2020-07-13 20:53:19

标签: reactjs react-native expo next.js expo-web

我正在尝试将expo和nextjs用于我的Web应用程序,并且尝试实现文档中列出的步骤以使我能够使用字体和图像,但是我一直收到此错误

错误-./assets/fonts/Fontisto.ttf 1:0模块解析失败:意外字符''(1:0)您可能需要适当的加载程序来处理此文件类型,当前未配置任何加载程序处理此文件。请参阅https://webpack.js.org/concepts#loaders(此二进制文件的源代码已省略)

下面是我的nex.config.js

const { withExpo } = require('@expo/next-adapter');
const withImages = require('next-images');
const withFonts = require('next-fonts');

// module.exports = withExpo({
//   projectRoot: __dirname,
// });
//
// module.exports = withExpo(
//   withFonts({
//     projectRoot: __dirname,
//   })
// );
//
// module.exports = withExpo(
//   withImages({
//     projectRoot: __dirname,
//   })
// );

module.exports = withExpo(
  [
    withFonts,
    withImages,
  ],
  { projectRoot: __dirname }
);

1 个答案:

答案 0 :(得分:0)

这是我使用的有效方法:

const { withExpo } = require('@expo/next-adapter');
const withFonts = require('next-fonts');

module.exports = withExpo(
  withFonts({
    projectRoot: __dirname,
  })
);