native-base - 在 NX 工作区中使用 nativebase io 框架时面临问题 - 模块解析失败

Question

在 NX 工作区中使用 nativebase io 框架时面临问题 - 模块解析失败

问题 - 模块解析失败：意外的令牌

您可能需要适当的加载程序来处理此文件类型，目前没有配置加载程序来处理此文件。见 https://webpack.js.org/concepts#loaders

在 nx 工作区反应项目中仅添加一个 nativebase 组件会引发错误

代码 ：

import React from 'react';
import { NativeBaseProvider, Box } from 'native-base';


export function App() {
  return (
    <div className={styles.app}>
      <header className="flex">
        <Logo width="75" height="75" />
        <h1>Welcome to App </h1>
       
        <NativeBaseProvider>
      <Box>Hello world</Box>
        </NativeBaseProvider>
       
      </header>
     
    </div>
  );
}

export default App;

版本堆栈 -

"babel-preset-es2015": "^6.24.1",
"core-js": "^3.6.5",
"expo": "39.0.2",
"expo-status-bar": "1.0.2",
"native-base": "^3.1.0",
"react": "17.0.2",
"react-dom": "17.0.2",

我也尝试在工作区级别和项目级别安装 nativebase 框架，但面临同样的问题。

标签： native-base