一.前提 windows环境的puppeteer环境配置要简单点,mac环境坑竟然有点多,这边稍微提下 二.开发环境 nodejs puppeteer mac 三.简单介绍下puppeteer Puppeteer 核心功能(1)利用网页生成PDF.图片(2)爬取SPA应用,并生成预渲染内容(即“SSR” 服务端渲染)(3)可以从网站抓取内容(4)自动化表单提交.UI测试.键盘输入等(5)帮你创建一个最新的自动化测试环境(chrome),可以直接在此运行测试用例(6)捕获站点的时间线,以便追踪你的

[Vue warn]: Unknown custom element: <QuestionnaireOption> - did you register the component correctly? For recursive components, make sure to provide the "name" option 上图的报错提示,说我的QuestionnaireOption组件并没有注册? 我在Questionnaire.vue中引入组件Questionn

在 vue 项目中引用 fontawesome , 按照官方说明如下步骤操作 1. 终端中执行 $ npm i --save @fortawesome/fontawesome-svg-core $ npm i --save @fortawesome/free-solid-svg-icons $ npm i --save @fortawesome/vue-fontawesome 2.src/main.js 中引入注册对应包(剧透下解决方法之一: 把下面代码中的 faUserSecret 都改成 f

在main.js里面引入import 'element-ui/lib/theme-default/index.css'中报错,无法启动项目,这是把package.json里面的webpack改成 1 "webpack": "beta",重新安装即可,这就可以启动了 2 elementUI 2.0版本的地址已经改为 'element-ui/lib/theme-chalk/index.css',所以引入的的时候需要引入以下代码 import 'element-ui/li

参考链接:https://blog.csdn.net/weixin_37215881/article/details/89237213

electron-vue 引入OpenLayer 报错 Unexpected token export 解决办法: 在 .electron-vue/webpack.renderer.config.js 添加 ol let whiteListedModules = ['vue','ant-design-vue','ol']

vue解决启动报错cjs loader.js Error: Cannot find module '../config'问题 今天下载了一个开源项目一直运行不了,折腾了半天才找到问题所在,config目录下缺少了index.js文件导致的 liurongliurong/vue: vue框架编写的数字碳交易所https://github.com/liurongliurong/vue 18 verbose node v10.1.019 verbose npm v6.5.020 error code

delphi 调用Webservice 引入wsdl 报错 document empty 直接引入wsdl 地址报错 document empty 解决办法:在浏览器里保存为xml文件,然后在开发环境里load  xml文件解决! 地址格式是 http://1.2.3.4:8080/abc/?wsdl 生成pas文件后,调用方法 aaaService.GetaaaServicePortType().function1(p1,p2); aaa是类名 生成的pas文件里找  GetaaaServic

Vue自定义指令报错 Failed to resolve directive: modle 这个报错有2个原因: 1.指令单词拼错 2.Vue.directive() 这个方法没有写在 new Vue 之前 解决办法: 1.检查指令拼写是否正确 2.Vue.directive() 这个方法写在new Vue之前 Vue.directive('test',{ bind(el,binding,vnode){ console.log(el); el.style.color = "red" }

新引入thinkphp报错“应用目录[./Application/]不可写,目录无法自动生成! 请手动生成项目目录~”, 其主要原因是文件夹的权限问题,手动将项目文件夹权限更改为可读可写就OK,具体操作: 1.找到该网站目录文件夹,右键属性点开 3.选择安全>User>编辑 4.将允许下的所有打上勾,再点击应用与确定(注:有时不行的话,将红框中的组或用户名的允许全部打钩并运用与确定) 5.页面即可恢复访问了

php Yaf_Loader::import引入文件报错的解决方法 改下配置文件就行<pre>yaf.use_spl_autoload=1</pre> 也可以PHP动态修改 毕竟打开影响性能<pre> ini_set('yaf.use_spl_autoload',0);</pre>

运行 puppeteer 报错 chrome: error while loading shared libraries: libpangocairo-1.0.so.0: cannot open shared object file: No such file or directory [root@eus_aps_crawler01:/data/www/vhosts/aps_task/httpdocs]# node test.js (node:5490) UnhandledPromiseReje

按需引入element-ui报错 项目用的脚手架是 vue-cli 3 按照官方文档按需引入组件: https://element.eleme.cn/#/zh-CN/component/quickstart 安装 babel-plugin-component npm install babel-plugin-component -D vue-cli3搭建的项目中没有 .babelrc 文件,我是直接写在 babel.config.js文件中: module.exports = { "preset

vue.config.js报错cannot set property "preserveWhitespace" of undefined 最近在项目中配置webpack,由于vue-cli4需要在vue.config.js文件中完成相关配置,于是本着不造轮子的原则,直接去网上cv大法,但是在实际中却发现了一些问题,在项目启动的时候报错cannot set property "preserveWhitespace" of undefined module.export

vue项目启动报错 spawn cmd ENOENT errno: -4058 运行vue项目(npm run dev)报错 提示 'npm' 不是内部或外部命令 cmd输入node -v 有版本号 没问题啊 那应该是node升级的问题 于是我就卸载重新安装 总没问题了吧 但是新问题来了 报错如下 DONE Compiled successfully in 11178ms App running at: - Local: http://localhost:8080/ - Network: una

1.创建vue项目后安装less,执行 npm install less less-loader --save-dev 下载版本为:less-loader@6.1.0 , less@3.11.3,重启服务报错,报错信息如下: 2.报错原因 less 本版太高需要降低版本,执行代码 先移除之前版本: npm uninstall less-loader 下载指定版本: npm install less-loader@5.0.0 -D 3.重启代码就可以了,若还是报错可移除文件node_modules

1.现象 原本我是直接在母版引入 <script type="application/javascript" src="static/config.js"></script> 作为全局可配置不编译的全局变量但是浏览器报错 <script>报错 Uncaught SyntaxError: Unexpected token '<'怎么办?2.解决public里加一级文件夹 static ,然后把静态文件放入即可 改为 <s

IE 页面空白 报错信息 此时页面一片空白 报错原因 Babel 默认只转换新的 JavaScript 语法(如箭头函数),而不转换新的 API ,比如 Iterator.Generator.Set.Maps.Proxy.Reflect.Symbol.Promise 等新的对象或者方法. 例如 Promise .新的原生方法如 String.padStart (left-pad) 等.为了解决这个问题,我们使用一种叫做 Polyfill(代码填充,也可译作兼容性补丁)的技术. 简单的说,兼容问题

运行vue项目出现这样的报错. This relative module was not found: * ../../assets/img/spot.png !./src/components/online 可能是online.vue中引入spot.png出现问题,路径错误或者文件不存在,类似问题也是如此

项目使用vue脚手架自动生成的,vue版本为^2.5.16.项目中需要按需使用element-ui,根据element-ui的官方文档,一开始在babel.config.js文件中修改配置 module.exports = { presets: [ "@vue/app", ["es2015", { "modules": false }] ], "plugins": [["component", [ { &q

关注公众号: 微信搜索 前端工具人 ; 收货更多的干货 原文链接: 自己掘金文章 https://juejin.cn/post/6951557699079569422/ 关注公众号: 微信搜索 前端工具人 ; 收货更多的干货 一.介绍 之前一直是使用 webpack 构建项目, 但是那种随着项目越来越大运行.打包.热更新缓慢带来的无奈... 新项目开发果断使用了vite2.0, 和 webpack 对比起来, 其他的优点不是很直观,但在运行.打包.热更新方面简直倍数差距, 只能说我觉得 vite