找回密码
 立即注册

QQ登录

只需一步,快速开始

babycv

注册会员

1

主题

11

帖子

45

积分

注册会员

积分
45
最新发帖
babycv
注册会员   /  发表于:2018-4-2 17:01  /   查看:12493  /  回复:22
本帖最后由 babycv 于 2018-4-12 14:27 编辑

我的项目采用dva-cli创建,添加了wijmo的npm依赖,运行页面就报如下错误
C:/Users/Admin/Desktop/NpmImages/wijmo-amd-min/wijmo.react.grid.js
Module not found: Can't resolve 'wijmo/wijmo.grid' in 'C:\Users\Admin\Desktop\NpmImages\wijmo-amd-min'


package.json中的依赖如下:
"dependencies": {
    "antd": "^3.2.2",
    "dva": "^2.1.0",
    "dva-loading": "^1.0.4",
    "react": "^16.2.0",
    "react-dom": "^16.2.0",
    "wijmo": "file:///C:\\Users\\Admin\\Desktop\\NpmImages\\wijmo-amd-min"
  }



JS文件内容如下:
import React from 'react';
import * as wjGrid from 'wijmo/wijmo.react.grid';

function WijmoGrid() {
  this.data = [
    { country: 'Japan', date: new Date(2017, 1, 1), sales: 0 },
    { country: 'USA', date: new Date(2017, 1, 1), sales: 0 },
    { country: 'UK', date: new Date(2017, 1, 1), sales: 0 },
    { country: 'China', date: new Date(2017, 1, 1), sales: 0 }
  ];
  return (  
        <wjGrid.FlexGrid
            autoGenerateColumns={false}
            columns={[
                { header: 'Country', binding: 'country', width: '*' },
                { header: 'Date', binding: 'date' },
                { header: 'Sales', binding: 'sales', format: 'c2' }
            ]}
            itemsSource={this.data}
            style={{ height: '250px', width: '500px' }}
        />
  );
}
export default WijmoGrid;






22 个回复

倒序浏览
babycv
注册会员   /  发表于:2018-4-4 16:48:16
推荐
JeffryLI 发表于 2018-4-4 16:43
您给我的demo,我npm install 和start之后,直接报错了

看了一上午都没解决。

Node要求6.5及以上,您的是6.4
回复 使用道具 举报
JeffryLI
葡萄城公司职员   /  发表于:2018-4-2 17:44:14
沙发
请点击评分,对我5分评价,谢谢!

葡萄城控件服务团队
官方网站: https://www.grapecity.com.cn/developer
回复 使用道具 举报
babycv
注册会员   /  发表于:2018-4-3 09:27:09
板凳
本帖最后由 babycv 于 2018-4-3 09:37 编辑

是的,并没有解决问题,使用你提供链接的DEMO,确实可以运行起来,但那是angular的项目,我在react项目中使用了相同的方式安装了wijmo(和之前的安装方式效果是一致的),仍然抛出上面的异常信息,只要import就会抛异常“不能解决模块wijmo/wijmo”。
回复 使用道具 举报
JeffryLI
葡萄城公司职员   /  发表于:2018-4-3 10:50:55
地板
babycv 发表于 2018-4-3 09:27
是的,并没有解决问题,使用你提供链接的DEMO,确实可以运行起来,但那是angular的项目,我在react项目中 ...

您好,在安装NpmImage导入时,需要执行相应的cmd命令,我看您上面的代码,npm的路劲好像不对。可以在检查下。希望能帮到您。
请点击评分,对我5分评价,谢谢!

葡萄城控件服务团队
官方网站: https://www.grapecity.com.cn/developer
回复 使用道具 举报
babycv
注册会员   /  发表于:2018-4-3 11:39:51
5#
JeffryLI 发表于 2018-4-3 10:50
您好,在安装NpmImage导入时,需要执行相应的cmd命令,我看您上面的代码,npm的路劲好像不对。可以在检查 ...

路径100%是没有问题的,npm install命令正确执行了,并且node_modules下面有一个wijmo的快捷方式,指向的目录就是安装目录。
回复 使用道具 举报
babycv
注册会员   /  发表于:2018-4-3 11:41:37
6#
我添加了一个基础项目结构附件,请帮忙测试一下,package.json中的wijmo安装目录请另设定

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
JeffryLI
葡萄城公司职员   /  发表于:2018-4-3 13:43:19
7#
babycv 发表于 2018-4-3 11:41
我添加了一个基础项目结构附件,请帮忙测试一下,package.json中的wijmo安装目录请另设定

收到,我先看下哈。
请点击评分,对我5分评价,谢谢!

葡萄城控件服务团队
官方网站: https://www.grapecity.com.cn/developer
回复 使用道具 举报
JeffryLI
葡萄城公司职员   /  发表于:2018-4-3 15:58:51
8#
您好,这个需要配置什么,怎么运行?
请点击评分,对我5分评价,谢谢!

葡萄城控件服务团队
官方网站: https://www.grapecity.com.cn/developer
回复 使用道具 举报
JeffryLI
葡萄城公司职员   /  发表于:2018-4-3 16:10:12
9#
您好,这是我之前解决的vue的问题,您可以参照http://blog.gcpowertools.com.cn/post/Vue2jsandWijmo5.aspx
请点击评分,对我5分评价,谢谢!

葡萄城控件服务团队
官方网站: https://www.grapecity.com.cn/developer
回复 使用道具 举报
babycv
注册会员   /  发表于:2018-4-3 16:10:33
10#
JeffryLI 发表于 2018-4-3 15:58
您好,这个需要配置什么,怎么运行?

执行npm install之后,npm start就能运行了。
回复 使用道具 举报
123下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部