以下のように App.js の中の test 関数を index.htmlから実行したく思っていますが、「Uncaught ReferenceError: App is not defined」 というエラーが出て呼び出すことができません。
呼び出しは 「パターン1」 と 「パターン2」 の方法で試しました。
「パターン1」 の場合は return App; → return new App(); も試しました。
過去に似たような質問をしたのですが、同じ、App.js 内での test 関数の呼び出しは成功しました。
今回は HTML ファイルから呼び出せない状況となっています。
よろしくお願い致します。
▼ index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="../static/js/app.js"></script> </head> <body> <script type="txt/javascript"> // パターン1 // Uncaught ReferenceError: App is not defined エラー App.test(); // パターン2 // Uncaught ReferenceError: App is not defined エラー var a = new App.test(); a.test(); </script> </body> </html>
▼ App.js
App.js
1(function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(require,module,exports){ 2"use strict"; 3var module1_1 = require("./module1"); 4var module2_1 = require("./module2"); 5var App = /** @class */ (function () { 6 function App() { 7 } 8 App.init = function () { 9 alert(module2_1["default"]()); 10 }; 11 App.test = function () { 12 var a = new module1_1.module1(); 13 alert(a.module1()); 14 }; 15 return App; 16})(); 17module.exports = App; 18 19},{"./module1":2,"./module2":3}],2:[function(require,module,exports){ 20"use strict"; 21exports.__esModule = true; 22var module1 = /** @class */ (function () { 23 function module1() { 24 } 25 module1.prototype.module1 = function () { 26 return "module1"; 27 }; 28 return module1; 29}()); 30exports.module1 = module1; 31 32},{}],3:[function(require,module,exports){ 33"use strict"; 34exports.__esModule = true; 35function default_1() { 36 return "module2"; 37} 38exports["default"] = default_1; 39 40},{}]},{},[1]);
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/07/11 02:52 編集
2018/07/11 02:47
2018/07/11 02:52
2018/07/11 04:32
2018/07/11 05:18 編集