Reactjs 从“导入Excel”;exceljs";浏览器类型错误引发错误:无法读取属性';原型&x27;未定义的
我正在使用react构建我的网页。我想将reducer的存储数据下载到xlxs文件中。为此,我使用了Reactjs 从“导入Excel”;exceljs";浏览器类型错误引发错误:无法读取属性';原型&x27;未定义的,reactjs,exceljs,Reactjs,Exceljs,我正在使用react构建我的网页。我想将reducer的存储数据下载到xlxs文件中。为此,我使用了exceljs包。 我已经使用npm I exceljs安装了exceljs 但是当我试图将exceljs导入我的组件时,我得到了TypeError:无法读取屏幕上未定义的的属性“prototype” 我正在使用命令从“exceljs”导入Excel 请看一下屏幕截图,以便更好地查看我在屏幕上看到的错误。 my package.json是: { "name": "xxxxxxx_xxxxx"
exceljs
包。
我已经使用npm I exceljs
安装了exceljs
但是当我试图将exceljs
导入我的组件时,我得到了TypeError:无法读取屏幕上未定义的
的属性“prototype”
我正在使用命令从“exceljs”导入Excel代码>
请看一下屏幕截图,以便更好地查看我在屏幕上看到的错误。
my package.json是:
{
"name": "xxxxxxx_xxxxx",
"version": "0.1.0",
"private": true,
"dependencies": {
"exceljs": "^1.6.0",
"react": "^16.4.1",
"react-dom": "^16.4.1",
"react-intl": "^2.4.0",
"react-redux": "^5.0.7",
"react-router": "^4.3.1",
"react-router-dom": "^4.3.1",
"react-scripts": "1.1.4",
"redux": "^4.0.0",
"redux-logger": "^3.0.6",
"redux-thunk": "^2.3.0"
},
"scripts": {
"start": "react-scripts start",
"build:langs": "NODE_ENV='production' ./node_modules/.bin/babel src --out-dir lib",
"build:locale": "NODE_ENV='production' babel-node scripts/translator.js",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject"
},
"devDependencies": {
"babel-cli": "^6.26.0",
"babel-plugin-react-intl": "^2.4.0"
}
}
对于浏览器来说,ExcelJS的导出似乎有点奇怪。我通过以下方式实现了这一目标:
import Excel from "exceljs/dist/es5/exceljs.browser";
然后您可以随意使用Excel
。即:
console.log('excel', Excel); // Check that it exists
var workBook = new Excel.Workbook(); // Make a new Workbook
我使用以下方法使其工作:
从“exceljs/dist/exceljs.min.js”以Excel格式导入*
而不是
从“exceljs/dist/es5/exceljs.browser”导入Excel