let paged = new Previewer();
paged.preview('test', \[\], document.body).then((flow) =\> {
console.log("Rendered", flow.total, "pages.");
});
Facing issue:
1:1188-1197 export 'Previewer' was not found in 'pagedjs'
error in ./node_modules/pagedjs/dist/paged.js
Module parse failed: Unexpected token (3072:8)
You may need an appropriate loader to handle this file type.
| }
|
| async \*layout(content, startAt) {
| let breakToken = startAt || false;
| let tokens = \[\];
In webpack.base.config.js:
{ 测试：/.js$/, 加载器：'巴别塔加载器'， 包括：[resolve('src')、resolve('test')、resolve('node_modules/paged')] }
{ 测试：/.js$/, 包括： [ solve('node_modules/pagedjs') // 包含 pagedjs 进行转译 ], 使用： [ { 加载器：'babel-loader' } ] }
这里是 package.json devDependency 文件：
{ “版本”：“1.0.0”， "description": "节点技术模板", “私人”：真实， “脚本”：{ "dev": "节点构建/dev-server.js", “开始”：“npm 运行开发”， "build": "节点 build/build.js", "deploy": "firebase 部署 --仅托管" }, “开发依赖项”：{ "自动前缀": "^7.1.2", "babel-core": "^6.22.1", "babel-eslint": "^8.2.6", "babel-loader": "^7.1.1", "babel-plugin-transform-runtime": "^6.22.0", "babel-preset-env": "^1.3.2", "babel-preset-stage-2": "^6.22.0", "babel-register": "^6.22.0", "connect-history-api-fallback": "^1.3.0", "copy-webpack-plugin": "^4.0.1", "css-loader": "^0.28.11", "eslint": "^5.1.0", "eslint-config-airbnb": "^17.0.0", "eslint-config-prettier": "^2.9.0", "eslint-plugin-jsx-a11y": "^6.1.0", "eslint-plugin-prettier": "^2.6.2", "eslint-plugin-react": "^7.21.4", "eventsource-polyfill": "^0.9.6", "express": "^4.16.2", "extract-text-webpack-plugin": "^3.0.0", "文件加载器": "^1.1.4", "friend-errors-webpack-plugin": "^1.6.1", "html-webpack-plugin": "^2.30.1", "http-proxy-middleware": "^0.20.0", "opn": "^5.1.0", "optimize-css-assets-webpack-plugin": "^3.2.0", "ora": "^1.2.0", "portfinder": "^1.0.26", "rimraf": "^2.6.0", "semver": "^5.3.0", "shelljs": "^0.7.6", "uglifyjs-webpack-plugin": "^2.2.0", "url-loader": "^0.5.8", "vue-loader": "^13.3.0", "vue-style-loader": "^3.0.1", "vue-template-compiler": "^2.6.10", "webpack": "^3.6.0", "webpack-bundle-analyzer": "^2.9.0", "webpack-dev-middleware": "^1.12.0", "webpack-hot-middleware": "^2.18.2", “webpack-merge”：“^4.1.0” }, “引擎”： { “节点”：“> = 4.0.0”， “npm”：“> = 3.0.0” }, “浏览器列表”：[ > 1%”, “最后两个版本”， “不是即<= 8" ] }
尝试参考此内容，检查是否正确安装了软件包： https://doc.doppio.sh/article/using-pagedjs-with-vue3.html