Skip to content

Instantly share code, notes, and snippets.

@ermshiperete
Last active April 19, 2018 15:34
Show Gist options
  • Save ermshiperete/880faae5bbd1391d31ef7adcb5a36656 to your computer and use it in GitHub Desktop.
Save ermshiperete/880faae5bbd1391d31ef7adcb5a36656 to your computer and use it in GitHub Desktop.
Angular and TS problem
node_modules/
*.js
*.js.map

Minimal project that demonstrates my problems. Install the node modules and compile TS (in VSCode), then try to load the page.

This shows errors in the console:

Error: [$injector:modulerr] Failed to instantiate module myApp due to:
[$injector:nomod] Module 'myApp' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
http://errors.angularjs.org/1.6.9/$injector/nomod?p0=myApp
minErr/<@https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.js:116:12
module/<@https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.js:2303:17
ensure@https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.js:2224:38
module@https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.js:2301:14
loadModules/<@https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.js:4999:22
forEach@https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.js:408:11
loadModules@https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.js:4983:5
createInjector@https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.js:4900:19
doBootstrap@https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.js:1955:20
bootstrap@https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.js:1976:12
angularInit@https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.js:1861:5
@https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.js:34354:5
trigger@https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.js:3488:5

http://errors.angularjs.org/1.6.9/$injector/modulerr?p0=myApp&p1=%5B%24injector%3Anomod%5D%20Module%20'myApp'%20is%20not%20available!%20You%20either%20misspelled%20the%20module%20name%20or%20forgot%20to%20load%20it.%20If%20registering%20a%20module%20ensure%20that%20you%20specify%20the%20dependencies%20as%20the%20second%20argument.%0Ahttp%3A%2F%2Ferrors.angularjs.org%2F1.6.9%2F%24injector%2Fnomod%3Fp0%3DmyApp%0AminErr%2F%3C%40https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.6.9%2Fangular.js%3A116%3A12%0Amodule%2F%3C%40https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.6.9%2Fangular.js%3A2303%3A17%0Aensure%40https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.6.9%2Fangular.js%3A2224%3A38%0Amodule%40https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.6.9%2Fangular.js%3A2301%3A14%0AloadModules%2F%3C%40https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.6.9%2Fangular.js%3A4999%3A22%0AforEach%40https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.6.9%2Fangular.js%3A408%3A11%0AloadModules%40https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.6.9%2Fangular.js%3A4983%3A5%0AcreateInjector%40https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.6.9%2Fangular.js%3A4900%3A19%0AdoBootstrap%40https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.6.9%2Fangular.js%3A1955%3A20%0Abootstrap%40https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.6.9%2Fangular.js%3A1976%3A12%0AangularInit%40https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.6.9%2Fangular.js%3A1861%3A5%0A%40https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.6.9%2Fangular.js%3A34354%3A5%0Atrigger%40https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.6.9%2Fangular.js%3A3488%3A5%0A
angular.js:116:12
<html>
<head>
<meta charset="utf8" />
<title>Test</title>
</head>
<body ng-app="myApp">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.js"></script>
<script type="module" src="myapp.js"></script>
</body>
</html>
import * as angular from 'angular';
export const MyApp = angular
.module('myApp', [])
.name;
{
"requires": true,
"lockfileVersion": 1,
"dependencies": {
"angular": {
"version": "1.6.9",
"resolved": "https://registry.npmjs.org/angular/-/angular-1.6.9.tgz",
"integrity": "sha512-6igWH2GIsxV+J38wNWCh8oyjaZsrIPIDO35twloIUyjlF2Yit6UyLAWujHP05ma/LFxTsx4NtYibRoMNBXPR1A=="
}
}
}
{
"compilerOptions": {
"target": "es6",
"moduleResolution": "node",
"noImplicitAny": false,
"sourceMap": true
},
"exclude": [
"node_modules"
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment