React本机纸张依赖项未在codesandbox中导入

Question

我正在学习linkedin的教程，问题似乎是我没有完全理解依赖关系。这句话让它变得古怪：

import {Button} from 'react-native-paper';

这是我的包文件：

{
"name": "fixmypaper",
"version": "1.0.0",
"description": "",
"keywords": [],
"main": "src/index.js",
"dependencies": {
"react": "17.0.*",
"react-dom": "17.0.*",
"react-native-paper": "4.11.2",
"react-native-vector-icons": "^8.1.0",
"react-native-web": "0.17.0",
"react-scripts": "3.4.1"
},
"devDependencies": {},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject"
}
}

所以我把它添加到了依赖项中，我是否也需要对包的脚本部分进行一些自定义？

准确的错误是

无法读取未定义(读取"左"(的属性

同时突出显示上面的行(按钮导入(，这会导致我的app.js无法编译注意：如果我从react native web引入按钮，它不会崩溃，所以这是纸张模块的问题

目前，我的沙盒是公开的，实际上只是遵循一个教程：

https://codesandbox.io/s/fixmypaper-xx46b?file=/package.json:0-528

我喜欢在这里开发的想法，同时我学习(在代码沙盒上(并能够获得订阅，这似乎比在我的两台无法访问网络的开发机器上安装更整洁。

Answer 1

当我点击你正在导入的index.js中的链接时import App from "./App";，而实际上应该导入import App from "./components/App"。因为你的app.js在components文件夹中。在我做出改变后，代码沙盒就工作了。

Answer 2

我在Codesandbox.io 中将React Native Paper按钮更改为默认的React Nation按钮组件