Question

我无法从我的项目文件夹导出模块（节点模块，例如＆＃39; react＆＃39;，＆＃39; react-native＆＃39;工作得很好）到我的App.js文件。我使用create-react-native-app创建了一个新项目，并尝试了以下内容：

将test_file.js添加到我的项目文件夹中。
在test_file中，我声明了变量test，然后将其导出。
然后我将其导入我的App.js并运行npm start。

在尝试通过世博会运行之前，一切似乎都没问题。 JavaScript捆绑包构建失败，在我的手机中它会显示错误消息：The development server returned response error code: 500。

还有一条消息：＆＃34;无法从`C：\ Users \ User \ Projects \ Test \ App.js`解析模块`test_file`：模块`test_file`在加速模块图\ n \ n这可能与https://github.com/facebook/react-native/issues/4968有关\ n要解决，请尝试以下操作：\ n 1.清除守望者手表：`watchman watch-del-all`。\ n 2.删除` node_modules`文件夹：`rm -rf node_modules＆amp;＆amp; npm install`。\ n 3.重置Metro Bundler缓存：`rm -rf / Test / metro-bundler-cache - `或`npm start - - reset-cache`。 4.删除急速包：`rm -rf / Test / haste-map-react-native-packager- `。＆＃34; 。

到目前为止，我已经尝试了所有四种方法，并查看了提供的链接，但还没有找到解决方案。我还尝试使用require代替import。

可能导致此问题的原因是什么？

编辑：这是测试代码：

test_file.js：

const test = 'Hello World.';

export default test;

App.js：

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import test from 'test_file';


export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <Text>{test}</Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

Answer 1

我们必须在import语句中提到路径。

如果文件位于同一个文件夹中：

import test from './test_file';

如果文件位于以前的文件夹或子文件夹中：

import test from '../test_file';

无法从React Native App

1 个答案: