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"
]
}
Was ist der eigentliche Text der Fehlermeldung? – Makyen