Webpack 不支持 Angular System.register 的 Wijmo 5

Question

我接下来在为我的项目服务时尝试使用 Wijmo 模块的 FlexGrid 我收到这个错误：（我正在使用 AngularCLI）

WARNING in ./~/wijmo/wijmo.angular2.core.js
System.register is not supported by webpack.
 @ ./src/app/app.module.ts 12:0-57
 @ ./src/main.ts
 @ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts

尽管导入工作在 app.module.ts

import { WjCoreModule } from 'wijmo/wijmo.angular2.core';
import { WjGridModule } from 'wijmo/wijmo.angular2.grid';

 imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    WjCoreModule,
    WjGridModule
  ],

感谢团队 ^^

Answer 1

终于找到了解决方案，显然我得到了错误的 npm 包，那么npm包的模块系统就分为三种JavaScript

( CommonJS - AMD - System )
the right package that works with AngularCLI is AMD module system

C1Wijmo-Enterprise-Eval-AMD-5.20172.328

Wijmo 5 reply

GridWijmo5

如何安装 Wijimo 网格：

从这个 url 获取最新版本的 Wijmo :

http://prerelease.componentone.com/wijmo5/npm-images

AngularCLI 需要：AMD 版本。所以你有两个选择:

第一个：

在 package.json 文件中添加此依赖项：部分："dependencies"

"wijmo": "http://prerelease.componentone.com/wijmo5/npm-images/C1Wijmo-Enterprise-Eval-AMD-5.20172.328.tgz",

并重做：npm install

这样做是一样的：

npm --save install http://prerelease.componentone.com/wijmo5/npm-images/C1Wijmo-Enterprise-Eval-AMD-5.20172.328.tgz

第二个2：

因为yarn挂了这个包名，所以我们手动添加到我们的node_modules/

wget -P node_modules/wijmo/ http://prerelease.componentone.com/wijmo5/npm-images/C1Wijmo-Enterprise-Eval-AMD-5.20172.328.tgz

解压下载文件。

并对这个文件夹建立依赖关系

"wijmo": "file:node_modules/wijmo",

样式网格

将样式文件提取到 src/assets/css/ 文件夹

mkdir src/assets/css/ && curl -O http://cdn.wijmo.com/5.20172.334/styles/wijmo.min.css > src/assets/css/wijmo.min.css

Add Wijmo.min.css file in the Angular-cli.json file

"styles": [
            "styles.css",
            "assets/css/wijmo.min.css"
        ],

在您的 app.module.ts

中导入 WjGridModule

你应该检查导入模块是否良好。

从'wijmo/package/wijmo.angular2.grid'导入{WjGridModule}；从 'wijmo/package/wijmo.angular2.core';

导入 { WjCoreModule }

以后继续开发^^^

Answer 2

我目前正在使用 wijmo5 和 angular-cli。

从网站下载 zip 并解压此文件夹 NpmImages\wijmo-amd-min。
在 package.json 中添加 "wijmo": "./vendor/wijmo-334/wijmo-amd-min"（link 到您提取文件夹的位置）。
npm install

那么效果很好！

Webpack 不支持 Angular System.register 的 Wijmo 5

Wijmo 5 with Angular System.register is not supported by webpack

angular

angular-cli

wijmo

wijgrid

GridWijmo5

样式网格