2016-12-03 2 views
0

Ich bin vertraut mit Chrome-Richtlinie für Inline-Skripte in Extensions. Aber ich glaube nicht, dass ich eine in meinen Akten habe? Alles, was ich habe, ist sehr einfach und ich versuche nur, ein Eingabefeld auf der Seite zu platzieren."Weigerte, Inline-Skript auszuführen" in ReactJS Chrome Extension, obwohl keine Inline-Skripts

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" 
    ] 
} 
+0

Was ist der eigentliche Text der Fehlermeldung? – Makyen

Antwort

0

ich das Problem glauben, in dieser Version von Babel ist, dass man‘ t Prototype einfach eine Site und schließe die Library in ein Script-Tag ein, oder sie wird in-line ausgeführt. Ich habe dieses Problem nicht mehr durch die Browserify-Route.