名前空間をインポートするにはどうすればよいですか？

Question

は

私は、次が含まれているJavaScriptファイルがあります。

const api = { 
    call(type, url, data) { 
    console.log(type + "bar"); 
    }, 

    get(url, query) { 
    this.call("foo"); 
    } 
} 

を私は、必要に応じて、複数の異なるファイル間api.get()を呼び出すことができるようにしたいんだけど、トラブルこれをインポートを抱えています。 （apiの）名前は、オブジェクトを返すインポートを与える

import "services/api.js"; 
console.log(api); 

Uncaught ReferenceError: api is not defined

、：私はapi変数にアクセスしようとしたときにのみimportてファイルをロードする

は

1. 私にReferenceErrorを与えます内部メソッドはありません。

   import api from "../../services/api.js"; 
   console.log(api); 
   console.log(api.get); 
   

   Object {}
   undefined

私は間違っていますか？など、あなたがそれをエクスポートする必要が

const api = ... 

export default api; 

Answer 1

api.jsは何もエクスポートしていません。

（デフォルト輸出リテラルapiオブジェクトよりもはるかに優れている）

export function call(type, url, data) { 
    console.log(type + "bar"); 
} 
export function get(url, query) { 
    call("foo"); 
} 

、その後、あなたは

import * as api from "../../services/api.js"; 
console.log(api); 
console.log(api.get); 

Answer 2

あなたはあなたのAPIをエクスポートする必要が

const api = { 
    call(type, url, data) { 
    console.log(type + "bar"); 
    }, 

    get(url, query) { 
    this.call("foo"); 
    } 
} 

export {api} 

とし、その後、それをインポートします。

import {api} from './path/to/api' // no .js 

このアプローチ1つのファイルから複数の項目（関数、クラス、変数）をエクスポートするときに使用されます。あなたのケースでapiは、エクスポートしている唯一の項目である場合は、defaultキーワードを使用することはできません、あなたは、もはやインポート中に称賛を使用する必要があります：

const api = { 
    call(type, url, data) { 
    console.log(type + "bar"); 
    }, 

    get(url, query) { 
    this.call("foo"); 
    } 
} 

export default api 

と

import api from './path/to/api' 

グッド運！

Answer 3

まず：

Answer 4

のようにそれを使用することができます：あなたは、これらの機能のすべてのをエクスポートするために、それを書き換える必要がありますこのような副作用として、エクスポート/インポートはES6モジュール仕様ですので、ご注意ください。トランスペアラなしのノード/ CommonJSモジュール環境では、

// export 
module.exports.api = api 

// or 
module.exports = { api: api } ... 


// import 
var module = require(....)