Listen, I know there are more than a handful of cracks at this solution here. Some may work for you, but for me, none solved me but the one below. 2021 UPDATE: BORING BACKSTORY ALERT We’re using Node v14.16.0 and our package.json has “type”: “module” set. So, our code is ES6+ and commonjs imports are … Read more
There are limitations in the import syntax that make it difficult to do if not impossible without using external libraries. The closest I could get is by using the Dynamic Import syntax. Two examples follow: the first one is the original I wrote while the second one is an edit from a user that wanted … Read more
I resolved the issue by replacing import moment from “moment”; import statement with import * as moment from “moment”; this.
To host in a sub directory with apache, you can just do this: Build command similar to this: ng build –base-href /myapp/ .htaccess file would look like this RewriteEngine On RewriteBase /myapp/ Options +FollowSymLinks RewriteCond %{REQUEST_FILENAME} !-f RewriteRule ^(.*)$ index.html [L,QSA]
You just need to remove the slash from the beginning of the styleUrls path like this: @Component({ selector: ‘dashboard’, templateUrl: ‘/app/components/dashboard/dashboard.html’, styleUrls: [‘app/components/dashboard/dashboard.css’] })
Ok, so you are running in an environment without RequireJS, CommonJS, SystemJS, etc. The key line is factory((global.mymodule = global.mymodule || {})) this does a few things: If global.mymodule truthy, then it is equivalent to global.mymodule = global.mymodule // A noop. factory(global.mymodule) Otherwise it is equivalent to: global.mymodule = {} factory(global.mymodule) Inside the factory: Your … Read more
I would try doing an npm install in your app directory for each of the missing packages npm i zone.js npm i reflect-js npm i systemjs npm i esri-system-js
You will get ” Unexpected anonymous System.register call” because the references are not being loaded in the correct order. I use JSPM to properly build my angular app for production. There are 4 parts to the process. Part 1: Compile your typescript files var ts = require(“gulp-typescript”); var tsProject = ts.createProject(“./App/tsconfig.json”); gulp.task(“compile:ts”, function () { … Read more
Simply remove the grouping (* as) from your import statement: import moment from ‘moment’; Without digging too deeply in to the source code, it looks like moment usually exports a function, that has all kinds of methods and other properties attached to it. By using * as, you’re effectively grabbing all those properties and attaching … Read more
Yes, what you’re looking for is possible and works nicely. It appears as though you have the dependencies right. I think you are missing only the following, which needs to be at the beginning of your top level typescript or JavaScript file. Specifically, these need to be prior to the first line is that loads … Read more