Intenté incluir el módulo de vista de árbol anular2 en mi aplicación de prueba, pero obtuve el token de error inesperado
'exportar * desde '....//filepath.....' en mi paquete.js
Sé que es un problema de transpilar el archivo mecanografiado a js, pero solo obtengo este error en este módulo de vista de árbol en particular.
Probé tanto ts-loader como babel , pero no funcionó.
A continuación se muestra la configuración de mi paquete web.
var WriteFilePlugin = require('write-file-webpack-plugin'); var path = require("path"); var APP_DIR = path.resolve(__dirname, "app"); var config = { entry: path.resolve(APP_DIR + "/main.ts"), output: { path: APP_DIR, publicPath: "/app/", filename: "bundle.js" }, watch: true, resolve: { extensions: ['', '.webpack.js', ".web.js", ".ts", ".js", ".jsx"] }, module: { loaders: [ { test: /\.tsx?$/, loader:"babel!ts-loader", //loader:"ts-loader", // tried this also exclude: "node_modules" } ] } } module.exports = config;y tsconfig:
{ "compilerOptions": { "target": "es6", //(also tried with "target:es5") "module": "commonjs", "moduleResolution": "node", "sourceMap": true, "emitDecoratorMetadata": true, "experimentalDecorators": true, "removeComments": false, "noImplicitAny": false, "lib": [ "es6", "dom" ] }, "typeRoots": [ "node_modules/@types" ], "types": [ "core-js", "hammerjs", "lodash" ], "exclude": [ "node_modules" ] }Mis otros módulos importados y creados están funcionando, excepto este.
Déjame saber, ¿qué me estoy perdiendo aquí? Gracias
Experimenté el mismo tipo de problema al usar ng2-translate.
En mi archivo de configuración de paquete web, apunté a los archivos js en el módulo y cargué esos archivos con babel-loader, aplicando el transform-es2015-modules-commonjs . Deberá cambiar la parte de test para que coincida con la ruta del módulo de vista de árbol:
{ test: /ng2-translate(?:\/|\\).*\.js$/, loader: "babel-loader", query: { "plugins": ["transform-es2015-modules-commonjs"] } } Tenga en cuenta que solo se apunta a los archivos js , porque en realidad no importa archivos ts , solo usa definiciones para el compilador ts.
También tenga en cuenta que también hice este cambio, pero no recuerdo exactamente por qué, supongo que podría haber roto el mapa fuente:
{ // basically this enable source-mapping for everything except this module test: /(?:(?!ng2-translate(?:\/|\\).*))\.js$/, loaders: ["source-map-loader"] },Probé algunos cargadores es6 para mitigar el problema de la transpilación, pero en realidad el problema estaba en la biblioteca exportada. Entonces, debajo de 1 línea resolvió mi problema.
import {DropdownTreeviewModule} from 'ng2-dropdown-treeview/bundles/ng2-dropdown-treeview.umd';
en lugar de importar el módulo desde ng2-dropdown-treeview , tengo que importarlo desde el archivo incluido.