无法解析模块“./path_to_file”

Question

我是 React Native 的新手，我正在尝试制作一个小应用程序。我遵循了有关如何启动 CRNA 项目以及如何在手机上对其进行测试的教程。 它起作用了，但是一旦我创建了我的第一个组件，我就收到了这个错误：

Building JavaScript bundle: error

Unable to resolve module ./Components/Search from C:\Users\fredd\OneDrive\Bureau\ReactNative\MoviesAndMe\App.js: 

None of these files exist:
  * Components\Search(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)
  * Components\Search\index(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)
  1 | import React from 'react';
> 2 | import Search from './Components/Search';
    |                     ^
  3 |
  4 | export default class App extends React.Component {
  5 |   render() {

我是一个完整的初学者，所以也许我错过了一些东西，但我确信我做了和教程一样的事情。

这是我的文件：

App.js

import React from 'react';
import Search from './Components/Search';

export default class App extends React.Component {
  render() {
    return (
      <Search/>
    );
  }
}

search.js（组件）

import React from "react";
import {View, Button, TextInput} from 'react-native';

class Search extends React.Component {
    render() {
        return (
            <View>
                <TextInput placeholder="Titre du film"/>
                <Button title="Rechercher" onPress={() => {}}/>
            </View>
        )
    }
}

export default Search;

你能帮帮我吗？

Answer 1

由于你的 search.js 是小写的，你需要像这样导入它import Search from './Components/search';