javascript - 无法解析模块“./path_to_file”
问题描述
我是 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() {
我是一个完整的初学者,所以也许我错过了一些东西,但我确信我做了和教程一样的事情。
这是我的文件:
应用程序.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;
请问你能帮帮我吗 ?
解决方案
由于您的 search.js 是小写的,因此您需要像这样导入它import Search from './Components/search';
推荐阅读
- firebase - 出现错误:在初始化所有存储的属性之前,方法调用“getliveData”中使用了自我
- git - 是否可以创建仅推送少数本地累积提交的 shell 脚本?
- c++ - C ++如何编写一个采用两个矩阵并计算行数和列数的方法
- java - 检查一个列表的间隔是否与另一个列表的间隔重叠
- prometheus - 尝试将 arangoDB 外部服务监视器添加到 Prometheus 服务监视器时应用来自 Terraform 的错误
- docker - nginx如何确定content-type头?
- r - R magick 功能相当于 IM6 convert -unsharp
- regex - 用 mod_rewrite 匹配多个相同参数的实例
- c - 害怕覆盖结构中的引用数据
- django - 上传到服务器 django rest api 的问题