Ich versuche, das folgende Beispiel auszuführen: https://github.com/ceolter/ag-grid-react-exampleWie eine reagiert App auf tomcat laufen
(ag-Stromnetz reagiert Beispiel)
Aber statt npm run
tut ich es auf ausführen möge Kater. Wie es geht?
Ich versuche, das folgende Beispiel auszuführen: https://github.com/ceolter/ag-grid-react-exampleWie eine reagiert App auf tomcat laufen
(ag-Stromnetz reagiert Beispiel)
Aber statt npm run
tut ich es auf ausführen möge Kater. Wie es geht?
Obwohl ich dies nicht mit Tomcat getan habe, habe ich es mit IIS bereitgestellt. So können Sie die Methode an Tomcat anpassen.
DefaultController.cs
public class DefaultController : Controller
{
// GET: Default
public ActionResult Index()
{
return View();
}
}
RouteConfig.cs
public class RouteConfig
{
public static void RegisterRoutes(RouteCollection routes)
{
routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
routes.MapRoute(
name: "Default",
url: "",
defaults: new { controller = "Default", action = "Index" }
);
routes.MapMvcAttributeRoutes();
}
}
Default.cshtml
<html>
<head>
<title>Redux Counter Example</title>
</head>
<body>
<div id="root">
</div>
</body>
<script src="~/Scripts/frontend/dist/bundle.js"></script>
</html>
Dies beantwortet die Frage nicht. Die Frage ist, wie Sie Apache Tomcat genau bereitstellen. – h22
Sie können problemlos alle statischen Dateien auf Tomcat bereitstellen. Das Projekt, das Sie verknüpft hat kein Skript Produktionsversion der Probe zu bauen, so was Sie brauchen, ist zu tun:
npm install -g webpack
webpack --config webpack.config.standard.js --progress --colors --hot --inline
oder webpack --config webpack.config.large.js --progress --colors --hot --inline
. Es erstellt dist
Verzeichnis.webapps
Verzeichnis create erstellen Sie ein anderes Verzeichnis für Ihre Demo ag-grid
.index.html
und dist
zu ag-grid
.http://host:port/ag-grid
.Beim Versuch, Schritt 2 auszuführen, wird der folgende Fehler angezeigt: path.js: 8 throw new TypeError ('Pfad muss eine Zeichenfolge sein. Empfangen' + ^ TypeError: Pfad muss eine Zeichenfolge sein. Empfangen ['webpack.config .standard.js ',' webpack.config.large.js '] – Angad
Entschuldigung, ignorieren Sie den obigen Kommentar .Meine schlechte! – Angad
Also habe ich diese eine andere Datei demo.jsp, die Daten aus einer Datenbank liest und diese Daten in json konvertieren , Mache ich folgendes in meiner jsp-Datei: JSONArray jsonArray = neues JSONArray (orderDetailsList1); Kann ich diese JSON-Daten in meinem AG-Grid-Projekt lesen? Vielleicht: var jsondata = document.getElementById ("jsonArray"). Value; var json = JSON.parse (js Ondata); c – Angad
Execute
npm run build
die ausfahrbare Version Ihrer App im build
Unterordner in Ihrem Projektbaum Dies wird erstellen. Alles, was Sie jetzt brauchen, ist, die index.html
mit allen Freunden aus diesem Ordner in Ihr Tomcat-Verzeichnis zu kopieren, das statische Dateien liefern soll. Dies ist die oberste Ebene im Tomcat-Anwendungsordner.Das Standardverzeichnislayout dokumentiert here.
Es ist auch sehr einfach, eine echte Webanwendung (.war) wie beschrieben here zu erstellen. Statische Dateien befinden sich nur auf der obersten Ebene des Archivs. Sie sollten auch Standardseiten in WEB-INF/web.xml im Archiv konfigurieren. Diese App kann von der Tomcat-Administrationskonsole bereitgestellt werden.
Dies setzt voraus, dass die Anwendung mit [Create React App] (https://github.com/facebookincubator/create-react-app) erstellt wurde, was in dem Beispiel, auf das verwiesen wird, nicht der Fall ist. – Plaul
Hey, kannst du deine endgültige Lösung teilen? Ich versuche das gleiche zu – user3868051