即使沒有內嵌腳本，ReactJS Chrome擴展程序中的「拒絕執行內聯腳本」

我熟悉Chrome的擴展插件腳本中的策略。但是，我不認爲我的文件中有一個？我所擁有的是非常基本的，我只是試圖在頁面上放置一個輸入字段。即使沒有內嵌腳本，ReactJS 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') 
);

main.html中：

<!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.json

{ 
    "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" 
    ] 
}

來源

2016-12-03 jcharch

錯誤信息的實際全文是什麼？ – Makyen

我相信問題是，在這個版本通天，你可以」只需創建一個站點的原型，並將該庫包含在腳本標記中，或者它將在線執行。通過Browserify路線我不再有這個問題了。

來源

2016-12-04 02:51:05 jcharch

即使沒有內嵌腳本，ReactJS Chrome擴展程序中的「拒絕執行內聯腳本」

回答

相關問題