【v17.0.8】导入文件显示spread.open is not a function

代码如图所示，请问这是什么原因呢，谢谢！

您好，由于本帖较长时间没有回复，本帖先做结贴处理了，后续如您有其他问题，欢迎您开新帖提问。

Joestar.Xu 发表于 2024-6-24 11:44
您好，根据您提供的信息无法判断具体的原因，请您直接提供一个可以复现您问题的Demo，这边结合实际代码帮您 ...

您好，由于公司电脑文件加密限制，只能贴这个代码了，还请见谅哈。
使用react官方cli命令创建的demo项目：yarn create react-app sjs-react-app
index.js文件

1. import React, { useState, useEffect } from 'react';
   
2. import * as GC from '@grapecity-software/spread-sheets';
   
3. import "@grapecity/spread-sheets-io";
   
4. import { SpreadSheets, Worksheet } from '@grapecity-software/spread-sheets-react';
   
5. import '../node_modules/@grapecity-software/spread-sheets/styles/gc.spread.sheets.excel2013white.css';
   
6. 
   
7. function App() {
   
8.   const [spread, setSpread] = useState()
   
9.   const [selectedFile, setSelectedFile] = useState(null)
   
10. 
    
11.   let hostStyle = {
    
12.     width: '100%',
    
13.     height: '600px',
    
14.     border: '1px solid darkgray'
    
15.   }
    
16. 
    
17.   useEffect(() => {
    
18.     if (!selectedFile) {
    
19.       console.log(111)
    
20.       return
    
21.     } else {
    
22.       console.log(selectedFile, '<<<<selectedFile');
    
23.       spread.open(selectedFile, function() {
    
24.         console.log('success');
    
25. 
    
26.       }, function (info) {
    
27.         console.log(info,'error');
    
28.       })      
    
29.     }
    
30.   }, [selectedFile])
    
31. 
    
32.   let initSpread = function (spread) {
    
33.     setSpread(spread)
    
34.     // let sheet = spread.getActiveSheet();
    
35.     // sheet.getCell(0, 0).vAlign(GC.Spread.Sheets.VerticalAlign.center).value('Hello SpreadJS!');
    
36.   }
    
37. 
    
38.   const uploadChange = (e) => {
    
39.     console.log(e, '<<<<file');
    
40.     let file = e.target.files[0];
    
41.     setSelectedFile(file)
    
42.   }
    
43. 
    
44. 
    
45.   return (
    
46.     <div className="App">
    
47.       <input type="file" onChange={uploadChange} accept=".xls,.xlsx" />
    
48.       <SpreadSheets workbookInitialized={spread => initSpread(spread)}  hostStyle={hostStyle}>
    
49.         <Worksheet></Worksheet>
    
50.       </SpreadSheets>
    
51.     </div>
    
52.   );
    
53. }
    
54. 
    
55. export default App;
    

复制代码

package.json文件

1. {
   
2.   "name": "sjs-react-app",
   
3.   "version": "0.1.0",
   
4.   "private": true,
   
5.   "dependencies": {
   
6.     "@grapecity-software/spread-sheets": "^17.0.10",
   
7.     "@grapecity-software/spread-sheets-io": "^17.0.10",
   
8.     "@grapecity-software/spread-sheets-react": "^17.0.10",
   
9.     "cra-template": "1.2.0",
   
10.     "react": "^18.3.1",
    
11.     "react-dom": "^18.3.1",
    
12.     "react-scripts": "5.0.1"
    
13.   },
    
14.   "scripts": {
    
15.     "start": "react-scripts start",
    
16.     "build": "react-scripts build",
    
17.     "test": "react-scripts test",
    
18.     "eject": "react-scripts eject"
    
19.   },
    
20.   "eslintConfig": {
    
21.     "extends": [
    
22.       "react-app",
    
23.       "react-app/jest"
    
24.     ]
    
25.   },
    
26.   "browserslist": {
    
27.     "production": [
    
28.       ">0.2%",
    
29.       "not dead",
    
30.       "not op_mini all"
    
31.     ],
    
32.     "development": [
    
33.       "last 1 chrome version",
    
34.       "last 1 firefox version",
    
35.       "last 1 safari version"
    
36.     ]
    
37.   }
    
38. }
    

复制代码

您好，根据您提供的信息无法判断具体的原因，请您直接提供一个可以复现您问题的Demo，这边结合实际代码帮您调研看看。

樱花飞舞 发表于 2024-6-24 11:41

报错如上图显示

Joestar.Xu 发表于 2024-6-24 11:11
您好，具体要和您项目里面使用的包情况来判断，我们推荐您使用@grapecity-software开头的包，@grapecity后 ...

您好，我引入了IO之后，还是提示同样的报错，我安装@grapecity-software的IO，npm提示没有这个依赖，故安装引用的是@grapecity的IO。

您好，具体要和您项目里面使用的包情况来判断，我们推荐您使用@grapecity-software开头的包，@grapecity后续会逐渐废弃不再使用。

Joestar.Xu 发表于 2024-6-24 10:45
您好，检查一下您是否有安装并导入IO包？

NPM：https://www.npmjs.com/package/@grapecity-software/spr ...

您好，请问是安装'@grapecity/spread-sheets-io'还是'@grapecity-software/spread-sheets-io'?

您好，检查一下您是否有安装并导入IO包？

NPM：https://www.npmjs.com/package/@g ... re/spread-sheets-io