我无法让 formik 正确导入

Question

我正在使用 react-native 并使用以下命令安装了 formik： "npm add formik yup @material-ui/core @material-ui/icons" 在我的 vs code 项目中当我在创建表单后第一次重新加载我的项目时，它说：

"在项目或这些目录中找不到 formik: node_modules"

我检查了我的 package.json 它说“formik”：“^2.2.6” 在我的 node_modules 文件夹中我找到了它。当我将鼠标悬停在导入语句上时，它会显示一条路径："/home/dean/Personal_Programming_Planner/node_modules/formik/dist/index"

这是我的代码：

import React from "react";
import { View, StyleSheet, Text, ImageBackground, Image } from "react-native";
import { Formik } from "formik";
// import { TextField } from "@material-ui/core";

function CreateProjectScreen(props) {
  return (
    <ImageBackground
      style={styles.background}
      source={require("../assets/background.jpg")}
    >
      <Formik
        initialValues={{ projectName: "Project Name" }}
        onSubmit={(data) => {
          console.log(data);
        }}
      >
        {({ values, handleChange, handleBlur, handleSubmit }) => (
          <form onSubmit={handleSubmit}>
            {/* <TextField
              name="projectName"
              value={values.projectName}
              onChange={handleChange}
              onBlur={handleBlur}
            /> */}
          </form>
        )}
      </Formik>
    </ImageBackground>
  );
}

const styles = StyleSheet.create({
  background: {
    width: "100%",
    height: "100%",
    alignItems: "center",
    justifyContent: "center",
  },
});

export default CreateProjectScreen;

Answer 1

npm add 不是正确的命令，请使用 npm install formik yup.

我无法让 formik 正确导入

I cant get formik to import properly

reactjs

react-native

material-ui

formik