&引用；拒绝执行内联脚本"；在ReactJS Chrome扩展中，即使没有内联脚本_Reactjs_Google Chrome Extension_Babeljs

&引用；拒绝执行内联脚本"；在ReactJS Chrome扩展中，即使没有内联脚本

reactjs google-chrome-extension

&引用；拒绝执行内联脚本"；在ReactJS Chrome扩展中，即使没有内联脚本,reactjs,google-chrome-extension,babeljs,Reactjs,Google Chrome Extension,Babeljs,我熟悉Chrome关于扩展中内联脚本的政策。但是，我想我的档案里没有？我所拥有的一切都是非常基本的，我只是尝试在页面上放置一个输入字段 main.js： class Container extends React.Component { render() { return ( <div className="locationSearchBarContainer"> <SearchBar />

我熟悉Chrome关于扩展中内联脚本的政策。但是，我想我的档案里没有？我所拥有的一切都是非常基本的，我只是尝试在页面上放置一个输入字段

main.js：

class Container extends React.Component {
    render() {
        return (
            <div className="locationSearchBarContainer">
                <SearchBar />
            </div>
        );
    }
}

class SearchBar extends React.Component {
    render() {
        return (
            <input className="searchBar" id="locationSearchBar" />
        );
    }
}

ReactDOM.render(
    <Container />,
    document.getElementById('container')
);

我相信问题在于，在这个版本的Babel中，你不能只是原型化一个站点，并将库包含在一个脚本标记中，否则它将在线执行。在浏览过程中，我再也没有这个问题了。

我相信问题在于，在这个版本的巴贝尔中，你不能只是原型化一个站点，并将库包含在一个脚本标记中，否则它将在线执行。我在浏览过程中不再遇到此问题。

错误消息的实际全文是什么？错误消息的实际全文是什么？为可能发现此问题的其他人澄清。babel standalone的操作方式是使用浏览器扩展中不允许的不安全操作。这就是为什么您必须在将文件包含到html（例如，使用browserify、webpack、parcel e.t.c）之前对其进行预编译，以便向可能发现此问题的其他人澄清。babel standalone的操作方式是使用浏览器扩展中不允许的不安全操作。这就是为什么您必须在将文件包含到html之前对其进行预编译（例如，使用browserify、webpack、parcel e.t.c）

<!doctype html>
<html>
  <head>
    <title>New Tab</title>
    <script src="../scripts/plugins/react.min.js"></script>
    <script src="../scripts/plugins/react-dom.min.js"></script>
    <script src="../scripts/plugins/babel.min.js" charset="utf-8"></script>
    <script src="../scripts/main.js" type="text/babel"></script>
  </head>
  <body>
    <div id="container"></div>
  </body>
</html>

{
  "manifest_version": 2,

  "name": "",
  "description": "See what's happening around you and add events to your calendar",
  "version": "0.01",

  "browser_action": {
    "default_icon": "img/icon.png",
    "default_title": "Click here!"
  },
  "chrome_url_overrides" : {
    "newtab": "html/main.html"
  },
  "permissions": [
    "activeTab"
  ]
}