kinglisky / vtemp-chrome-extension

A vue-cli template for chrome extension base on webpack-simple

vtemp-chrome-extension

一个用于快速搭建 chrome 插件开发环境的 vue-cli 模板。

基于 webpack-simple 模板。

开发模式下支持实时刷新，支持 crx 打包。

使用

npm install -g vue-cli

vue init kinglisky/vtemp-chrome-extension my-project

cd my-project

npm install

npm run dev

参考

参考项目：https://github.com/YuraDev/vue-chrome-extension-template

自动刷新实现：https://github.com/YuraDev/wcer

附注：wcer webpack 同步刷新的 plugin 还是很好用，不过原来 vue-chrome-extension-template 的 chrome 插件模板有很大的问题，考虑浏览器插件的开发场景直接使用 webpack-simple 的模板改了一版，提供了一个最基本的 vue chrome 插件开发模板。

---

A vue-cli template for quick creation of Chrome extension.

Based on webpack-simple template.

Auto real-time refresh support in development mode. Supports crx package.

USE

npm install -g vue-cli

vue init kinglisky/vtemp-chrome-extension my-project

cd my-project

npm install

npm run dev

REFERENCE

Reference project：https://github.com/YuraDev/vue-chrome-extension-template

Auto reloading implementation: https://github.com/YuraDev/wcer

vtemp-chrome-extension's Issues

大佬好,我在使用过程中出现下面报错

Error in event handler for runtime.onInstalled: TypeError: Cannot read property 'onPageChanged' of undefined

chrome.runtime.onInstalled.addListener(function(){ chrome.declarativeContent.onPageChanged.removeRules(undefined, function(){ chrome.declarativeContent.onPageChanged.addRules([ { conditions: [ // 只有打开百度才显示pageAction new chrome.declarativeContent.PageStateMatcher({pageUrl: {urlContains: 'baidu.com'}}) ], actions: [new chrome.declarativeContent.ShowPageAction()] } ]); }); });
代码是上面这段写在 background index.js里面

throw er; // Unhandled stream error in pipe.

internal/streams/legacy.js:57
      throw er; // Unhandled stream error in pipe.
      ^

Error: read ECONNRESET
    at TCP.onStreamRead (internal/stream_base_commons.js:111:27)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: `webpack --config ./build/webpack.dev.conf.js --hide-modules`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script.

npm run dev 一段时间后出现这个错误

在popup.js 里 getBackgroundPage 并不能执行background.js里面的方法

这个怎么破？