TypeError: Cannot read properties of undefined (reading 'ignore')

[achintha-weerasinghe]

Started a fresh vue3 project.

Installed the plugin using vue add browser-extension

Then I ran the serve script which is vue-cli-service build --mode development --watch I also tried vue-cli-service build as well withoud the additional flags. But got the same error.

But I got the following error.

TypeError: Cannot read properties of undefined (reading 'ignore')
    at D:\office\projects\onetouch\otb-browser-ext\otb-chrome-vue\extension\node_modules\vue-cli-plugin-browser-extension\index.js:129:20
    at Object.tap (D:\office\projects\onetouch\otb-browser-ext\otb-chrome-vue\extension\node_modules\webpack-chain\src\Plugin.js:30:24)
    at D:\office\projects\onetouch\otb-browser-ext\otb-chrome-vue\extension\node_modules\vue-cli-plugin-browser-extension\index.js:128:36
    at D:\office\projects\onetouch\otb-browser-ext\otb-chrome-vue\extension\node_modules\@vue\cli-service\lib\Service.js:268:40
    at Array.forEach (<anonymous>)
    at Service.resolveChainableWebpackConfig (D:\office\projects\onetouch\otb-browser-ext\otb-chrome-vue\extension\node_modules\@vue\cli-service\lib\Service.js:268:26)
    at PluginAPI.resolveChainableWebpackConfig (D:\office\projects\onetouch\otb-browser-ext\otb-chrome-vue\extension\node_modules\@vue\cli-service\lib\PluginAPI.js:145:25)
    at module.exports (D:\office\projects\onetouch\otb-browser-ext\otb-chrome-vue\extension\node_modules\@vue\cli-service\lib\commands\build\resolveAppConfig.js:9:22)
    at build (D:\office\projects\onetouch\otb-browser-ext\otb-chrome-vue\extension\node_modules\@vue\cli-service\lib\commands\build\index.js:147:50)
    at D:\office\projects\onetouch\otb-browser-ext\otb-chrome-vue\extension\node_modules\@vue\cli-service\lib\commands\build\index.js:69:13
    at Service.run (D:\office\projects\onetouch\otb-browser-ext\otb-chrome-vue\extension\node_modules\@vue\cli-service\lib\Service.js:262:12)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
error Command failed with exit code 1.

Expected behavior Build the project without any errors

Temporary solution Change the node_modules/vue-cli-plugin-browser-extension/index.js line 129 from args[0][0].ignore.push('browser-extension.html') to args[0][0]?.ignore.push('browser-extension.html')

Name	Version
vue-cli-plugin-browser-extension	0.25.2
Operating System	Windows
Node	16.13.0
NPM/Yarn	yarn
vue-cli	5.0.1

[subhod-i]

Facing the same error on Mac M1.

[jmc529]

Same here on Manjaro

[Kalki5]

This issue is tracked here.

126

[HipsterSantos]

one way to fix this is how @madumal7 mentioned or comment the line . But by doing this it'll still throwing error. this project is not the great way to go , when it comes to manifest 3

[leoplct]

Same error. This problem blocks our development. How can we use standard webpack code to achieve similar results?

[leoplct]

Replacing with this in package.json solved the issue

"vue-cli-plugin-browser-extension": "npm:@rhilip/vue-cli-plugin-browser-extension@^0.26.0",

[PerryDP]

Same error.

[stephenpaulraj]

Replacing with this in package.json solved the issue

"vue-cli-plugin-browser-extension": "npm:@rhilip/vue-cli-plugin-browser-extension@^0.26.0",

this works..

[sidnaik03]

Replacing with this in package.json solved the issue

"vue-cli-plugin-browser-extension": "npm:@rhilip/vue-cli-plugin-browser-extension@^0.26.0",

I am using vue 2. In package.json I put same line of code but I am getting errror as below Error: Cannot find module 'vue-cli-plugin-browser-extension' Please help.

My package.json

{ "name": "browserexttest", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service build --mode development --watch", "build": "vue-cli-service build", "lint": "vue-cli-service lint" }, "dependencies": { "@rhilip/vue-cli-plugin-browser-extension": "^0.27.0", "core-js": "^3.8.3", "vue": "^2.6.14" }, "devDependencies": { "@babel/core": "^7.12.16", "@babel/eslint-parser": "^7.12.16", "@vue/cli-plugin-babel": "~5.0.0", "@vue/cli-plugin-eslint": "~5.0.0", "@vue/cli-service": "~5.0.0", "eslint": "^7.32.0", "eslint-plugin-vue": "^8.0.3", "vue-cli-plugin-browser-extension": "npm:@rhilip/vue-cli-plugin-browser-extension@^0.27.0", "vue-template-compiler": "^2.6.14" }, "eslintConfig": { "root": true, "env": { "node": true, "webextensions": true }, "extends": [ "plugin:vue/essential", "eslint:recommended" ], "parserOptions": { "parser": "@babel/eslint-parser" }, "rules": {} }, "browserslist": [ "> 1%", "last 2 versions", "not dead" ] }