1

接下来，当我为我的项目提供服务时，我尝试使用 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
  ],

感谢团队^^

4

2 回答 2

1

最后如果找到解决办法，显然是我弄错了 npm 包，那么 npm 包的 JavaScript 模块系统有 3 种类型

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

C1Wijmo-Enterprise-Eval-AMD-5.20172.328

Wijmo 5 回复

GridWijmo5

如何安装 Wijimo Grid：

从此网址获取最新版本的 Wijmo：

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

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

第一个：

在 package.json 文件中添加此依赖项：section : "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

在 Angular-cli.json 文件中添加 Wijmo.min.css 文件

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

在你的 app.module.ts 中导入 WjGridModule

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

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

以后继续发展^^^

于 2017-08-01T13:46:33.963 回答
0

我目前正在使用wijmo5with angular-cli。

  • 从网站下载 zip 并解压缩此文件夹NpmImages\wijmo-amd-min。

  • 内部package.json添加"wijmo": "./vendor/wijmo-334/wijmo-amd-min"（链接到您提取文件夹的位置）。

  • npm install

然后它工作得很好！

于 2017-08-01T14:03:33.153 回答