Wie Übersetzen erfordern Import/Export für Knotenmodul

Question

ich die pokedex-Versprechen für eine pokemonapi verwenden möchten es6 aber die docs nur zeigen Ihnen, wie es in Vanille benötigen Javascript Stil:

npm install pokedex-promise-v2 --save 
var Pokedex = require('pokedex-promise-v2'); 
var P = new Pokedex(); 

Wie Ich verwende Import, um dieses Modul zu bekommen? Ich habe versucht,

import {Pokedex} from 'pokedex-promise-v2' 

und

import Pokedex from 'pokedex-promise-v2' 

aber beiden Wurffehler mit dem Modul:

in ./~/tough-cookie/package.json 
Module parse failed: /Users/jlei/Desktop/pokeapp/node_modules/tough-cookie/package.json Unexpected token (2:9) 
You may need an appropriate loader to handle this file type. 
SyntaxError: Unexpected token (2:9) 
    at Parser.pp$4.raise (/Users/jlei/Desktop/pokeapp/node_modules/acorn/dist/acorn.js:2221:15) 
    at Parser.pp.unexpected (/Users/jlei/Desktop/pokeapp/node_modules/acorn/dist/acorn.js:603:10) 
    at Parser.pp.semicolon (/Users/jlei/Desktop/pokeapp/node_modules/acorn/dist/acorn.js:581:61) 
    at Parser.pp$1.parseExpressionStatement (/Users/jlei/Desktop/pokeapp/node_modules/acorn/dist/acorn.js:966:10) 
    at Parser.pp$1.parseStatement (/Users/jlei/Desktop/pokeapp/node_modules/acorn/dist/acorn.js:730:24) 
    at Parser.pp$1.parseBlock (/Users/jlei/Desktop/pokeapp/node_modules/acorn/dist/acorn.js:981:25) 
    at Parser.pp$1.parseStatement (/Users/jlei/Desktop/pokeapp/node_modules/acorn/dist/acorn.js:709:33) 
    at Parser.pp$1.parseTopLevel (/Users/jlei/Desktop/pokeapp/node_modules/acorn/dist/acorn.js:638:25) 
    at Parser.parse (/Users/jlei/Desktop/pokeapp/node_modules/acorn/dist/acorn.js:516:17) 
    at Object.parse (/Users/jlei/Desktop/pokeapp/node_modules/acorn/dist/acorn.js:3098:39) 
@ ./~/tough-cookie/lib/cookie.js 38:14-40 

Answer 1

Sie müssen die json-loader für webpack hinzuzufügen. Installieren Sie über NPM:

npm install --save json-loader 

fügen Sie es dann auf Ihre webpack Config wie folgt:

module: { 
    loaders: [ 
     /* ...other loaders */ 
     { 
      test: /\.json$/, 
      loader: 'json', 
     }, 
    ], 
}, 

Diese webpack ermöglicht die JSON-Datei zu laden, wenn es zu bündeln.