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 () {
}
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
Vous devez vous connecter pour publier un commentaire.
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: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