The development chrome extension failed to load due to an invalid port or malformed URL pattern

I'm encountering an issue while trying to load my development chrome extension for debugging. The error message I am receiving is:

Issue with 'content_scripts[0].matches[0]' value: Path cannot be empty.

Manifest failed to load.

This is the structure of my manifest file:

    {
  "name": "My Extension Name",
  "version": "1.0",
  "description": "....!",
  "manifest_version": 2,
  "browser_action": {
    "default_popup": "popup.html"
  },
  "content_scripts": [
    {
      "matches": [
        "*://localhost:*/admin",
        "https://myapp.mysite.com.br"
      ],
      "js": [
        "jquery.min.js",
        "content.js"
      ],
      "css": [
        "estilera.css"
      ]
    }
  ]
}
javascriptjsongoogle-chrome-extension

Answer №1

Reference for Match Patterns: https://developer.chrome.com/extensions/match_patterns

The error message indicates that there is an issue with finding a valid path on the first match ("*://localhost:*/admin",).

To clarify, you need to ensure that your URLs have a trailing slash for a valid path. The interpreter does not automatically add a slash at the end.

Here is an example of how your code should look like:

  "content_scripts": [
     {
      "matches": [
        "*://localhost:*/admin/",
        "https://myapp.mysite.com.br/"
      ],
     }
   ]

Additional Tip: If you are granting cookie permissions, be sure to follow the same format. Otherwise, you might encounter the error: 

Permission '*://myapp.mysite.com.br' is unknown or URL pattern is malformed.

Make sure to include a trailing slash in your permissions section as well:

"permissions": [
    "activeTab",
    "cookies",
    "*://localhost:*/admin/",
     "*://myapp.mysite.com.br/"
  ]

Note: In some cases, when errors occur, the page may not display the refresh icon and fail to activate your extension without any notification. If this happens, you will need to delete your extension and reload it!

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Building an array from scratch in Angular

Below is the URL to access the code: https://stackblitz.com/edit/ng-zorro-antd-start-xz4c93 Inquiring about creating a new array. For example, upon clicking the submit button, the desired output should resemble the following structure: "tasks": [ { ...

javascriptangulartypescript

Issues with Thunderbird not displaying copied HTML emails

Hello there amazing people at Stackoverflow. I need some assistance with HTML formatting. I am currently working on a bootstrap modal that is being dynamically modified through jQuery using the append() function. Check out the code snippet below: <div ...

javascriptjqueryhtmltwitter-bootstrapemail

Update AngularJS data models using the callback function "on change" from a jQuery plugin

Currently, I am in the process of developing a web application for a touchscreen computer that requires an on-screen keyboard. After searching extensively, I came across this fantastic (or at least the best one I could find) keyboard plugin: https://github ...

javascriptjquerydomangularjson-screen-keyboard

How come my dynamic source path doesn't function correctly unless I add an empty string at the end of it?

Recently, I encountered an issue while using Vue.js to dynamically create a source attribute using an object's properties. Here is the code snippet where I faced the problem: <img :src='"../assets/" + project.image.name + "." + project.image. ...

javascriptvue.js

Tips for adding JSON values to an object

There is a specific object called SampleObject which has the following structure: { ID: "", Name: "", URL: "", prevName: "", Code: "", } I am looking to insert the values from the JSON object below (values only): var object = { "Sample ...

javascriptjson

Issues with Pageinit and Ready Event Timings

Check out this fiddle where I am experiencing an issue related to pageinit and ready events In the fiddle, everything functions properly using onLoad and onDOMready. This includes: The subject listings are loaded correctly with a popup displaying module ...

javascriptjquerylistviewjquery-mobilecordova

The Strong Password checker fails to identify the presence of a forward slash

Here is a regex I have for validating a strong password: /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d!$\/%@]{6,20}$/ Criteria: Alphanumeric with special characters $/%@ At least 1 number At least 1 lowercase letter At least ...

javascriptregex

Creating a static Top Bar that remains unaffected by page refreshing using Ajax or any other method can be achieved by implementing JavaScript and CSS

I've designed a sleek top bar for my upcoming website project. Below is the CSS code snippet for creating this clean div bar: .topbar { display:block; width:100%; height:40px; background-color:#f5f5f5; } I'm looking to incorporate a simple .SWF ...

javascripthtmlcssajax

Displaying a loading template within an Angular component

While reviewing some code in AngularJS version 1.2.22, I came across the following snippet in the HTML: <div class="mainContent" ng-include="content"> </div> Within its corresponding controller, I found this: $scope.content = 'templates ...

javascriptangularjsangularjs-scope

Is there a method to automatically create .stories.ts files in Angular Storybook?

I am seeking a way to automatically create a .stories.ts file within a component folder after executing the command ng g component my-component. The desired outcome should resemble this structure: my-component -my-component.component.html . ...

javascriptangularnpmstorybookangular-storybook

Chrome successfully processes Ajax request, but Firefox encounters failure

I've encountered a peculiar issue with a JavaScript function that is responsible for making an Ajax call to a PHP page for database transactions and data processing. Take a look at the function below: function processQuizResults() { console.log(" ...

javascriptjqueryajaxgoogle-chromefirefox

Showing a JavaScript variable on an HTML page

I have a challenge where I am attempting to showcase a variable using the code provided below: HTML: <div id="MyEdit">Money</div> JS: var price1 = 0; var current_value=document.getElementById("MyEdit").innerHTML; if (current_value == "msc" ...

javascripthtml

Struggling to incorporate a three-strike mechanism into my JavaScript game

I need to implement a feature where the user can make up to 2 mistakes before losing the game. Here's what I need to do: - Set up a global variable to keep track of the number of mistakes - Initialize this variable during the startGame function - M ...

javascripthtmljquerycss

Tips for successfully including a forward slash in a URL query string

My query involves passing a URL in the following format: URL = canada/ontario/shop6 However, when I access this parameter from the query string, it only displays "canada" and discards the rest of the data after the first forward slash. Is there a way to ...

javascripturlreact-routernext.js

Unable to transfer an array from getStaticProps method in Next.js

Whenever I pass a JSON array from getStaticProps in Next.js, I encounter this specific error message when trying to access it. TypeError: Cannot read property 'contentBody' of undefined module.exports../pages/[author]/[article].js.__webpack_expo ...

javascriptreactjsnext.js

Looking for a Regex pattern for this example: 12345678/90 MM/DD/YYYY

I am having success with the first 10 digits spaced apart, but unfortunately my date regex is not working as expected. ^(\d{6}\s{2}|\d{8})\/(\d{1}\s|\d{2})\s\/(?:(?:31(\/|-|\.)(?:0?[13578]|1[02]))&bso ...

javascriptregexreactjsinput-mask

Generating a dropdown selection list using data from a JSON file

package com.example.root.myapplication; import android.content.Intent; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.ArrayAdapter; import android.widget.Button; import android.wi ...

androidjsonspinnerassets

Tips for resolving issues with mat-autocomplete during scrolling

When I open the mat-autocomplete and scroll down the page, I would like for the mat-autocomplete to stay in place. ...

javascriptangularangularjsmaterial-ui

What is the best way to format 100K to appear as 100,000?

function formatNumberWithCommas(num) { return num >= 1000 ? `${Number.parseFloat((num).toFixed(3))}` : num; } ...

javascriptreactjs

Having trouble parsing JSON data using JSONArray in Android

My goal is to convert a json string into a JSONArray, but I keep encountering a jsonexception. What's puzzling is that the error message seems incorrect after debugging. Here is the crucial part of the code: ... HttpResponse response = httpclient. ...

javaandroidjsonparsinggson