问题描述
目标：使用import React,{Fragment,useState} from 'react';
import Technology from './components/Technology'
export type State = {
id: number;
name:string;
}
const App: React.FC = () => {
const [items,setItems] = useState <State[]>([
{id:2,name: ' Vue JS' },{id:3,name: ' Node JS'},{id:4,name: ' Angular JS'},{id:1,name: ' React JS'}
])
return (
<Fragment>
<h1>List of technologies</h1>
{items.map(item=>(
<Technology
technology= {item}
/>
))}
</Fragment>
);
}
export default App;
v3.0.1-rc.4成功构建并捆绑本机项目，同时保留我编辑过的npm软件包。
agora支持人员告诉我尝试更新到此版本。经过一堆错误并加以管理之后，我又遇到了另一个问题。该项目现在可以构建，但不会成功捆绑。捆绑过程失败（在iOS上，尚未尝试Android）：
react-native-agoraRN v0.61.5
我不确定为什么要尝试解决error: bundling Failed: Error: Unable to resolve module `./Agoraview.native` from `node_modules/react-native-agora/lib/index.js`:
None of these files exist:
* node_modules/react-native-agora/lib/Agoraview.native(.native|.ios.js|.native.js|.js|.ios.json|.native.json|.json|.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx)
* node_modules/react-native-agora/lib/Agoraview.native/index(.native|.ios.js|.native.js|.js|.ios.json|.native.json|.json|.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx)
。因为我没有在任何地方明确引用它。
到目前为止，我还是尝试过：
如何解决？
解决方法
您尝试删除node_modules并重新安装它并清理iOS的build文件夹。我认为它缓存了react-native-agoro的最新版本。
,如果您已经编辑过npm软件包，因此宁愿避免删除，重新安装和重新编辑所述软件包，这是对我有用的选择：
react-native start --reset-cache