在我的项目中出现导出错误(导出的正确方法是什么?)

时间:2017-07-14 17:17:44

标签: javascript reactjs react-native ecmascript-6 react-native-android

我的项目中出现导出错误。

出口的正确方法是什么?

这有什么问题?

错误:

  
    

开发服务器返回响应错误代码:500

  
     

URL:   http://192.168.43.244:8081/index.android.bundle?platform=android&dev=false&hot=false&minify=false

     

身体:   { “从”: “E:\ reactNative \聊天\ AWSM \相机\ icons.js”, “为”: “../资产/ 512" , ”消息“:” 无法   从中解析模块../assets/512   E:\\reactNative\\chat\\awsm\\camera\\icons.js:无法解决   `E:\ reactNative \ chat \ awsm \ assets \ 512'作为文件夹:它没有   包含一个包,也不包含索引   文件”, “姓名”: “UnableToResolveError”, “类型”: “UnableToResolveError”, “错误”:[{}]}   processBundleResult       BundleDownloader.java:172访问$ 100       BundleDownloader.java:38执行       BundleDownloader.java:108 emitChunk       MultipartStreamReader.java:69 readAllParts       MultipartStreamReader.java:116 onResponse       BundleDownloader.java:96执行       RealCall.java:135运行       NamedRunnable.java:32 runWorker       ThreadPoolExecutor.java:1112运行       ThreadPoolExecutor.java:587运行       Thread.java:818

index.js

const globe = require('./globe-icon.png');
const postit = require('./post-it-icon.png');

export { globe,
postit}

icons.js

   import { globe,
    postit} from '../assets/512'

    const icons =[
   { name: 'Notes', image: postit },
   { name: 'Earth', image: globe }
 ]

   export { icons }

in 512 folder , I have index.js

1 个答案:

答案 0 :(得分:0)

我相信您的export没问题,但import不正确。您需要指定导入的来源。所以:

import { globe, postit }

应替换为

import { globe, postit } from './whatever'

如果文件位于同一文件夹中,则'./whatever'应为'.'

文档 - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import

看起来../assets/512文件夹的相对路径是错误的。