小编jiy*_*oon的帖子

我试图使用 chrome.tabs API 让我的 chrome 扩展在安装时打开一个新选项卡，但收到错误“无法加载后台脚本‘background.js’”。无法加载清单。”

这是我的manifest.json：

{
  "short_name": "App",
  "name": "App",
  "version": "1.0.0",
  "manifest_version": 2,
  "icons": {
      "16": "favicon.ico",
      "48": "logo192.png",
      "128": "logo512.png"
  },
  "permissions": ["tabs"],
  "background": {
      "scripts": ["background.js"],
      "persistent": false
  },
  "browser_action": {
      "default_title": "App",
      "default_popup": "index.html"
  }
}

和我的背景.js：

chrome.runtime.onInstalled.addListener(function() {
    alert('Thanks for installing!');
    chrome.tabs.create({
        url: 'https://google.com',
        active: true
    });
    return false;
});

如果有人能提供帮助，那就太好了:)

似乎我遵循了文档中的所有必要内容，但是当我进入https://juliesong.me时，它不断给出 404 错误：“这里没有 GitHub 页面” 。我通过 GoDaddy 获得了我的自定义域并像这样配置了 DNS：

然后我改变了我的package.json文件

"homepage": "https://www.juliesong.me",

在根目录添加了一个 CNAME 文件，其中包含 www.juliesong.me

最后进入 GitHub 页面中的设置：

我搜索了我的问题，很多人说这可能与 React 路由器有关，所以我编辑以包含一个基本名称：

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import { HashRouter as Router } from "react-router-dom";
import * as serviceWorker from './serviceWorker';

const routing = (
  <Router basename={process.env.PUBLIC_URL}>
    <App />
  </Router>
);

ReactDOM.render(routing, document.getElementById('root'));

这是我的 App.js：

import React, { Component } from 'react';
import {Route} from 'react-router-dom';
import { withRouter …

在我的计算机上本地工作后，我第一次尝试使用npm run deploy. 当我访问该网址时，所有组件都在那里，但由于某种原因，它们的尺寸比我在本地主机上看到的要大。

这是本地的样子：

这是部署的网站上的样子：

有人可以解释一下这是怎么回事吗？