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

Question

目前我正在使用angular cli的webpack配置，也面临着同样的.map解析器问题。有没有办法解决解析映射或插件加载程序的问题？ES5代码运行良好，这是ES6系统的一个问题

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

Answer 1

此问题应在3.0.0版本之后的xterm.js中修复。

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

1. 获取最新版本:带有applyAddon)

的new API for using addons https://github.com/xtermjs/xterm.js/releases/tag/3.0.2

• Replace loadAddon (手动导入和new API for using addons

您可以在https://github.com/parisk/xterm-webpack上看到这是如何工作的最小示例。