模块解析失败 - Webpack Angular / cli和xtermjs

时间:2017-10-12 02:57:36

标签: angular parsing webpack xtermjs

目前我正在使用angular cli的webpack配置,并面临同样的.map解析器问题。解决地图或插件加载器问题的任何工作? ES5代码工作正常,这是ES6 systemjs的一个问题

WARNING in ./node_modules/xterm/lib/addons/search/search.js.map
Module parse failed: /home/jack/Projects/C290/website/node_modules/source-map-loader/index.js

无法入侵webconfig。删除.map文件没有帮助

更新

import { Terminal } from 'xterm';

@Component({...})
export class AppComponent{
    xterm;
    constructor(){

      // Following line or not - it breaks with search.js.map
      //Terminal.loadAddon('search');

      // The following code when run breaks with the error
      this.xterm = new Terminal();
    }
}

这是实际问题,但cli webpack配置更改在哪里适用? https://github.com/sourcelair/xterm.js/issues/1018

https://github.com/sourcelair/xterm.js/issues/877

1 个答案:

答案 0 :(得分:0)

这个问题应该在3.0.0版本之后修复xterm.js。

以下步骤有助于解决您的问题:

  1. 获取最新版本:https://github.com/xtermjs/xterm.js/releases/tag/3.0.2
  2. loadAddon替换为new API for using addons(手动导入和applyAddon
  3. 您可以在https://github.com/parisk/xterm-webpack找到一个最简单的示例。