react-native引用antd-mobile报错。低级配置问题没有解决

发布于 2022-09-05 22:56:56 字数 1184 浏览 15 评论 0

我是新手。刚刚接触react-native,在成功的跑出hello world之后。尝试引入antd-mobile,出现报错。我按照官网的配置,没有能够解决。麻烦大家帮忙看看!
.babelrc配置文件

{
  "plugins": [["import", { "libraryName": "antd-mobile" }]],
  "presets": ["react-native"]
}

index.js文件

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  View
} from 'react-native';
import { Button } from 'antd-mobile';
export default class smartphone extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Button>Start</Button>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
  instructions: {
    textAlign: 'center',
    color: '#333333',
    marginBottom: 5,
  },
});

AppRegistry.registerComponent('smartphone', () => smartphone);

报错如下:

clipboard.png
,辛苦大家!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

梦明 2022-09-12 22:56:56

删除node_modules,重新npm install
npm start -resert-cache
react-native run-iso

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文