Uncaught SyntaxError:` Unexpected token d'importation

Je suis en train de travailler sur un réagir application. Là où je suis à l'aide de webpack et babel chargeur.
Dans mon réagir application que je suis en utilisant instruction import de nombreuses fois ce qui fonctionne bien.

Maintenant, j'ai Mon autre application autonome qui fonctionne bien.
Maintenant, je suis à l'installation de mon application autonome de réagir application à l'aide de mnp. Donc, je ne

let standAloneApplication =  require("my_stand_alone_application")

Mais j'obtiens un message d'erreur d'importation à l'intérieur de la standAloneApplication. Où j'ai une ligne
import controller from "./controller" //Main.js:1Uncaught SyntaxError: Jeton inattendu importation

où comme instruction d'importation de Réagir application fonctionne très bien. aussi l'application autonome, beau travail à lui seul. mais ensemble, C'est donner SyntaxError

mon webpack fichier

var webpack = require('webpack');
var path = require('path');

var BUILD_DIR = path.resolve(__dirname, 'html');
var APP_DIR = path.resolve(__dirname, 'html');

var config = {
  entry: APP_DIR + '/app.js',
  output: {
    path: BUILD_DIR,
    filename: 'bundle.js'
  },
   devtool: "source-map",
   node: {
     fs: "empty"
   } ,
      module : {
    loaders : [
      {
        test : /\.js?/,
        include : APP_DIR,
        exclude: /node_modules/,
        loaders: ['babel?presets[]=react,presets[]=es2015,plugins[]=transform-decorators-legacy,plugins[]=transform-class-properties,plugins[]=transform-export-extensions'],
      },

      { test: /\.json$/, loader: "json" }
    ]
  }
}

module.exports = config;

main.js Code d'application autonome

import {Controller} from "./Controller/index.js"

export class Main () {

}
Pourriez-vous essayer d'utiliser un fichier .babelrc avec le contenu suivant: { "presets": ["es2015", "réagir"] }, et je pense que votre chemin d'accès.résoudre ne devrait pas être "htlm'
Ne devrait-il pas être un ; après import {Controller} from "./Controller/index.js" ? (demande)
Si le es2015 fonctionne correctement, ; est optionnel
n'est pas obligatoire. @ Alessander França Il fonctionne très bien lorsque je supprime besoin de mon application autonome. Je suis en utilisant l'importation de nombreuses fois ailleurs. .babelrc fichier est disponible à la fois sur le lieu à l'intérieur du nœud de module et de réagir racine de l'application

OriginalL'auteur Ashisha Nautiyal | 2016-08-03

  1. 4

    Avis de la exclude: /node_modules/ dans votre chargeur d'installation.

    Depuis que vous avez installé votre application/module à l'aide de npm, il est situé dans ce répertoire, et en raison de l'exclusion, il ne sera pas transpiled par Babel.

    Peut-être, mais je ne suis pas sûr, vous pouvez l'ajouter explicitement à la include ligne:

    include : [
  APP_DIR,
  path.resolve(__dirname, 'node_modules/my_stand_alone_application')
]
    Travailler comme un charme
    Cela fonctionne pour moi aussi, mais la meilleure solution sera de mettre en place et exécuter un build sur ma bibliothèque (ou Ashisha autonome-app) qui comprend la compilation de l'es6 avec Babel. Puis le 'dist' version sera prête pour les utiliser comme tels, comme tout autre package npm.

    OriginalL'auteur robertklep