Импортированная библиотека (OpenDolphin) не обработана с помощью TypeScript/webPack

У меня следующая проблема: я импортирую загруженную в npm библиотеку OpenDolphin, которая, кажется, реализована в TS с main.js со всеми объявлениями экспорта.

Я пытаюсь использовать библиотеку в моем коде TypeScript следующим образом:

import { OpenDolphin, ClientDolphin } from 'openDolphin/main';

Тогда я пытаюсь использовать это:

    let builder = OpenDolphin.makeDolphin();

После переноса этого в ES5 я получаю следующую ошибку в chrome:

SyntaxError: Unexpected token export 

Кажется, что main.js библиотеки, содержащей операторы экспорта, как-то не обрабатываются и просто добавляются в конечный файл dist:

//snipped from the final js file
/* 469 */
/***/ function(module, exports) {

export { Attribute } from './js/dolphin/Attribute'; 
    ...all the rest of OpenDolphin export statements.

}

Мне, как начинающему TS (JS Toolchain), кажется, что эта библиотека как-то неправильно обработана / перенесена или что-то похожее.

Моя настройка:

package.json:

{
  "name": "FrontendExample",
  "version": "1.0.0",
  "private": false,
  "description": "",
  "author": "<AUTHOR>",
  "license": "MIT",
  "preferGlobal": false,
  "scripts": {
    "build": "webpack --display-error-details"
  },
  "dependencies": {
    "@cycle/rxjs-run": "3.2",
    "@cycle/dom": "12.2.0",
    "@cycle/isolate": "1.4.x",
    "OpenDolphin": "1.0.1",
    "core-js": "2.4.1",
    "rxjs": "5.0.1",
    "ts-helpers": "1.1.2",
    "xstream": "9.2"
  },
  "devDependencies": {
    "@types/node": "6.0.42",
    "ts-node": "1.2.1",
    "tslint": "4.1.1",
    "typescript": "2.0.3",
    "typings": "2.1.0",
    "ts-loader": "^0.8.2",
    "webpack": "^1.13.1"
  }
}

webpack.config.js:

var webpack = require('webpack');
module.exports = {
    entry: './src/app.ts',
    output: {
        filename: './dist/main.js'
    },
    // Turn on sourcemaps
    devtool: 'source-map',
    resolve: {
        extensions: ['', '.webpack.js', '.web.js', '.ts', '.js']
    },
    // Add minification
    // plugins: [
    //     new webpack.optimize.UglifyJsPlugin()
    // ],
    module: {
        loaders: [
            { test: /\.ts$/, loader: 'ts' }
        ]
    }
};

Обновление 1:

Только импорт

import { OpenDolphin, ClientDolphin, ClientPresentationModel, ClientAttribute, Tag } from 'openDolphin';

не помогает, остается та же ошибка. Но Intellij дополнительно пометит импорт в файле TS красным. Я... не уверен, что пакет OpenDolphin npm правильный: он содержит только main.js, main.d.ts, package.json без намеков на browserify, babelify или что-то еще, папку js со всеми *.ts файлы...?

0 ответов

Другие вопросы по тегам