Install:
npm install fuse-box --save-dev
import { fusebox } from 'fuse-box';
fusebox({
target: 'browser',
entry: 'src/index.tsx',
webIndex: {
template: 'src/index.html',
},
devServer: true,
}).runDev();angular2-example's Introduction
angular2-example's People
Stargazers
Watchers
Forkers
joselee abner devmondo rajinder-yadav reeska ojacquemart tenvan patrickmichalina leon-andria kf-marianbejenari alexzuza fenta23 superhimanshu22 marcisbeeangular2-example's Issues
Error after installing missing @angular/cdk
Can you please help regarding following error, it occured after installing missing @angular/cdk package
Uncaught Error: Unexpected value 'undefined' imported by the module 'CovalentLoadingModule'
at syntaxError (vendor.js:sourcemap:5723)
at vendor.js:sourcemap:18683
at Array.forEach ()
at CompileMetadataResolver.getNgModuleMetadata (vendor.js:sourcemap:18660)
at CompileMetadataResolver.getNgModuleSummary (vendor.js:sourcemap:18602)
at vendor.js:sourcemap:18675
at Array.forEach ()
at CompileMetadataResolver.getNgModuleMetadata (vendor.js:sourcemap:18660)
at JitCompiler._loadModules (vendor.js:sourcemap:29813)
at JitCompiler._compileModuleAndComponents (vendor.js:sourcemap:29772)
Testing still failing
On Linux I am seeing this error:
> fusebox-angular@1.0.0 test /tmp/angular2-example
> cross-env TS_NODE_PROJECT=./src/tsconfig.mocha.json mocha --opts ./test/mocha.opts -G
module.js:472
throw err;
^
Error: Cannot find module 'jsdom' If I correct mocha.shim.js by this
var jsdom = require('jsdom-no-contextify')I see a failing test
$ npm t
> [email protected] test /tmp/angular2-example
> cross-env TS_NODE_PROJECT=./src/tsconfig.mocha.json mocha --opts ./test/mocha.opts -G
TodoListComponent
1) calls service to get todos
0 passing (336ms)
1 failing
1) TodoListComponent calls service to get todos:
Error: Error in ./TodoListComponent class TodoListComponent - inline template:16:60 caused by: Cannot read property 'add' of undefined
at ViewWrappedError.ZoneAwareError (/tmp/angular2-example/node_modules/zone.js/dist/zone.js:958:33)
at ViewWrappedError.BaseError [as constructor] (/tmp/angular2-example/node_modules/@angular/core/bundles/core.umd.js:1239:20)
at ViewWrappedError.WrappedError [as constructor] (/tmp/angular2-example/node_modules/@angular/core/bundles/core.umd.js:1297:20)
at new ViewWrappedError (/tmp/angular2-example/node_modules/@angular/core/bundles/core.umd.js:6167:20)
at CompiledTemplate.proxyViewClass.DebugAppView._rethrowWithContext (/tmp/angular2-example/node_modules/@angular/core/bundles/core.umd.js:12385:27)
at CompiledTemplate.proxyViewClass.DebugAppView.detectChanges (/tmp/angular2-example/node_modules/@angular/core/bundles/core.umd.js:12358:22)
at CompiledTemplate.proxyViewClass.AppView.internalDetectChanges (/tmp/angular2-example/node_modules/@angular/core/bundles/core.umd.js:12193:22)
at CompiledTemplate.proxyViewClass.View_TodoListComponent_Host0.detectChangesInternal (/DynamicTestModule/TodoListComponent/host.ngfactory.js:29:19)
at CompiledTemplate.proxyViewClass.AppView.detectChanges (/tmp/angular2-example/node_modules/@angular/core/bundles/core.umd.js:12208:18)
at CompiledTemplate.proxyViewClass.DebugAppView.detectChanges (/tmp/angular2-example/node_modules/@angular/core/bundles/core.umd.js:12355:48)
at ViewRef_.detectChanges (/tmp/angular2-example/node_modules/@angular/core/bundles/core.umd.js:9377:24)
at ComponentFixture._tick (/tmp/angular2-example/node_modules/@angular/core/bundles/core-testing.umd.js:196:36)
at /tmp/angular2-example/node_modules/@angular/core/bundles/core-testing.umd.js:210:53
at ZoneDelegate.invoke (/tmp/angular2-example/node_modules/zone.js/dist/zone.js:330:26)
at Object.onInvoke (/tmp/angular2-example/node_modules/@angular/core/bundles/core.umd.js:3980:41)
at ZoneDelegate.invoke (/tmp/angular2-example/node_modules/zone.js/dist/zone.js:329:32)
at Zone.run (/tmp/angular2-example/node_modules/zone.js/dist/zone.js:126:43)
at NgZone.run (/tmp/angular2-example/node_modules/@angular/core/bundles/core.umd.js:3849:66)
at ComponentFixture.detectChanges (/tmp/angular2-example/node_modules/@angular/core/bundles/core-testing.umd.js:210:29)
at Context.it (/tmp/angular2-example/src/todo/todo-list.component.spec.ts:53:17)
at callFn (/tmp/angular2-example/node_modules/mocha/lib/runnable.js:345:21)
at Test.Runnable.run (/tmp/angular2-example/node_modules/mocha/lib/runnable.js:337:7)
at Runner.runTest (/tmp/angular2-example/node_modules/mocha/lib/runner.js:444:10)
at /tmp/angular2-example/node_modules/mocha/lib/runner.js:550:12
at next (/tmp/angular2-example/node_modules/mocha/lib/runner.js:361:14)
at /tmp/angular2-example/node_modules/mocha/lib/runner.js:371:7
at next (/tmp/angular2-example/node_modules/mocha/lib/runner.js:295:14)
at /tmp/angular2-example/node_modules/mocha/lib/runner.js:334:7
at done (/tmp/angular2-example/node_modules/mocha/lib/runnable.js:295:5)
at callFn (/tmp/angular2-example/node_modules/mocha/lib/runnable.js:363:7)
at Hook.Runnable.run (/tmp/angular2-example/node_modules/mocha/lib/runnable.js:337:7)
at next (/tmp/angular2-example/node_modules/mocha/lib/runner.js:309:10)
at /tmp/angular2-example/node_modules/mocha/lib/runner.js:334:7
at done (/tmp/angular2-example/node_modules/mocha/lib/runnable.js:295:5)
at callFn (/tmp/angular2-example/node_modules/mocha/lib/runnable.js:363:7)
at Hook.Runnable.run (/tmp/angular2-example/node_modules/mocha/lib/runnable.js:337:7)
at next (/tmp/angular2-example/node_modules/mocha/lib/runner.js:309:10)
at Immediate.<anonymous> (/tmp/angular2-example/node_modules/mocha/lib/runner.js:339:5)
at runCallback (timers.js:651:20)
at tryOnImmediate (timers.js:624:5)
at processImmediate [as _immediateCallback] (timers.js:596:5)Example throws TypeError in browser
Was trying it out but encountered the following error.
Test fail with compile TS error
When I run test it fail with the following error:
angular2-example: fix-13-breaks-on-npm-install$ npm t
> [email protected] test /tmp/fix/angular2-example
> set TS_NODE_PROJECT=./src/tsconfig.mocha.json&& mocha --opts ./test/mocha.opts -G
TSError: ⨯ Unable to compile TypeScript
src/app.component.ts (7,14): Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option to remove this warning. (1219)
at getOutput (/tmp/fix/angular2-example/node_modules/ts-node/src/index.ts:319:17)
at /tmp/fix/angular2-example/node_modules/ts-node/src/index.ts:350:18
at Object.compile (/tmp/fix/angular2-example/node_modules/ts-node/src/index.ts:483:19)
at Module.m._compile (/tmp/fix/angular2-example/node_modules/ts-node/src/index.ts:413:44)
at Module._extensions..js (module.js:580:10)
at Object.require.extensions.(anonymous function) [as .ts] (/tmp/fix/angular2-example/node_modules/ts-node/src/index.ts:416:12)
at Module.load (module.js:488:32)
at tryModuleLoad (module.js:447:12)
at Function.Module._load (module.js:439:3)
at Module.require (module.js:498:17)
at require (internal/module.js:20:19)
at /tmp/fix/angular2-example/node_modules/mocha/lib/mocha.js:222:27
at Array.forEach (native)
at Mocha.loadFiles (/tmp/fix/angular2-example/node_modules/mocha/lib/mocha.js:219:14)
at Mocha.run (/tmp/fix/angular2-example/node_modules/mocha/lib/mocha.js:487:10)
at loadAndRun (/tmp/fix/angular2-example/node_modules/mocha/bin/_mocha:416:22)
at Object.<anonymous> (/tmp/fix/angular2-example/node_modules/mocha/bin/_mocha:433:3)
at Module._compile (module.js:571:32)
at Object.Module._extensions..js (module.js:580:10)
at Module.load (module.js:488:32)
at tryModuleLoad (module.js:447:12)
at Function.Module._load (module.js:439:3)
at Module.runMain (module.js:605:10)
at run (bootstrap_node.js:420:7)
at startup (bootstrap_node.js:139:9)
at bootstrap_node.js:535:3Node v.7.0.0 (node:2368) DeprecationWarning: Calling an asynchronous function without callback is deprecated.
Node v.7.0.0, Win 8.1
3 times warning message appearing:
(node:2368) DeprecationWarning: Calling an asynchronous function without callback is deprecated.
Do not know where it's come from.
fin-hypergrid not working
hi,
last beta working well with covalent, now i get the next problem.
i try to migrate our app from angular-cli to fuse-box, and now make the naxt library trouble: fin-hypergrid
bundling work, here the result:
└── default (0 files, 53 Bytes)
└── fusebox-hot-reload (1 files) 1.8 kB
└── fusebox-websocket (1 files) 2.9 kB
└── events (1 files) 9.8 kB
└── core-js (81 files) 57.1 kB
└── zone.js (1 files) 92.2 kB
└── @angular/platform-browser-dynamic (1 files) 6.7 kB
└── @angular/compiler (1 files) 973.1 kB
└── @angular/core (1 files) 460.5 kB
└── rxjs (95 files) 217.6 kB
└── @angular/common (1 files) 129 kB
└── @angular/platform-browser (2 files) 155.3 kB
└── @angular/forms (1 files) 202.4 kB
└── @angular/material (1 files) 870.6 kB
└── @angular/animations (2 files) 119.9 kB
└── @angular/http (1 files) 74 kB
└── http (1 files) 288 Bytes
└── lodash (1 files) 527.1 kB
└── fin-hypergrid (76 files) 640.8 kB
└── finbars (1 files) 33.8 kB
└── css-injector (1 files) 2.7 kB
└── rectangular (1 files) 109 Bytes
└── object-iterators (1 files) 10.3 kB
└── inject-stylesheet-template (1 files) 2.7 kB
└── automat (1 files) 5.7 kB
└── extend-me (1 files) 7.1 kB
└── overrider (1 files) 3 kB
└── sparse-boolean-array (1 files) 13.9 kB
└── fin-hypergrid-data-source-base (1 files) 8.6 kB
└── mustache (1 files) 19 kB
└── pop-menu (1 files) 12.4 kB
└── @covalent/core (18 files) 388.9 kB
└── @angular/[email protected] (1 files) 761.9 kB
└── @angular/[email protected] (1 files) 155.6 kB
└── @angular/router (1 files) 210.9 kB
Size: 6 MB in 3s 450ms
└── default (11 files, 39.7 kB)
main.js
main.scss
app.module.js
app.component.js
todo/todo-filter.pipe.js
todo/todo-item.component.js
todo/todo.model.js
todo/todo-item.component.html
todo/todo-list.component.js
todo/todo.service.js
todo/todo-list.component.html
but now this error:
Connecting to fusebox HMR at ws://localhost:4445
vendor.js:111229 Uncaught TypeError: Cannot read property 'Point' of undefined
at Number.<anonymous> (vendor.js:111229)
at c (vendor.js:171835)
at w.require (vendor.js:171835)
at Number.<anonymous> (todo-item.component.ts:4)
at c (vendor.js:171835)
at w.require (vendor.js:171835)
at Number.<anonymous> (app.module.ts:13)
at c (vendor.js:171835)
at w.require (vendor.js:171835)
at Number.<anonymous> (main.ts:9)
(anonymous) @ vendor.js:111229
c @ vendor.js:171835
w.require @ vendor.js:171835
(anonymous) @ todo-item.component.ts:4
c @ vendor.js:171835
w.require @ vendor.js:171835
(anonymous) @ app.module.ts:13
c @ vendor.js:171835
w.require @ vendor.js:171835
(anonymous) @ main.ts:9
c @ vendor.js:171835
r.import @ vendor.js:171835
(anonymous) @ todo.service.ts:5
(anonymous) @ todo.service.ts:5
vendor.js:171835 rectangular not found on request
but 'rectangular' is not included in result-js, but listet in bundle-log :/
Bundling Vue project with import statements not possible
I tried to bundle a vue v2 project but imports are not transpiled at all.
not fusing with current beta 16
Hi,
project doesnt fusing since beta 16:
'Cannot read property 'entryFile' of undefined'
vendor ->
app ->
→Typescript config: \src\tsconfig.json
→Typescript config: \src\tsconfig.json
└── (13 files, 45.9 kB) default
main.js
main.scss
app.module.js
app.component.js
todo/todo-filter.pipe.js
todo/todo-item.component.js
todo/todo.model.js
todo/todo-item.component.html
todo/todo-item.component.css
todo/todo-list.component.js
todo/todo.service.js
todo/todo-list.component.html
todo/todo-list.component.css
Size: 45.9 kB in 1s 187ms
TypeError: Cannot read property 'entryFile' of undefined
at Function.onNode (D:\Node\Recherche\fuse-box-angular2-example\node_modules\fuse-box\dist\commonjs\analysis\plugins\OwnBundle.js:13:28)
at plugins.forEach.plugin (D:\Node\Recherche\fuse-box-angular2-example\node_modules\fuse-box\dist\commonjs\analysis\FileAnalysis.js:78:80)
at Array.forEach (native)
at pre (D:\Node\Recherche\fuse-box-angular2-example\node_modules\fuse-box\dist\commonjs\analysis\FileAnalysis.js:78:55)
at visit (D:\Node\Recherche\fuse-box-angular2-example\node_modules\fuse-box\dist\commonjs\ASTTraverse.js:18:23)
at Function.traverse (D:\Node\Recherche\fuse-box-angular2-example\node_modules\fuse-box\dist\commonjs\ASTTraverse.js:41:9)
at FileAnalysis.analyze (D:\Node\Recherche\fuse-box-angular2-example\node_modules\fuse-box\dist\commonjs\analysis\FileAnalysis.js:77:35)
at File.makeAnalysis (D:\Node\Recherche\fuse-box-angular2-example\node_modules\fuse-box\dist\commonjs\core\File.js:146:23)
at File.consume (D:\Node\Recherche\fuse-box-angular2-example\node_modules\fuse-box\dist\commonjs\core\File.js:172:22)
at info.bundleData.including.forEach (D:\Node\Recherche\fuse-box-angular2-example\node_modules\fuse-box\dist\commonjs\core\ModuleCollection.js:119:30)
└── (0 files, 53 Bytes) default
Size: 53 Bytes in 2s 930ms
TypeError: Cannot read property 'entryFile' of undefined
at Function.onNode (D:\Node\Recherche\fuse-box-angular2-example\node_modules\fuse-box\dist\commonjs\analysis\plugins\OwnBundle.js:13:28)
at plugins.forEach.plugin (D:\Node\Recherche\fuse-box-angular2-example\node_modules\fuse-box\dist\commonjs\analysis\FileAnalysis.js:78:80)
at Array.forEach (native)
at pre (D:\Node\Recherche\fuse-box-angular2-example\node_modules\fuse-box\dist\commonjs\analysis\FileAnalysis.js:78:55)
at visit (D:\Node\Recherche\fuse-box-angular2-example\node_modules\fuse-box\dist\commonjs\ASTTraverse.js:18:23)
at Function.traverse (D:\Node\Recherche\fuse-box-angular2-example\node_modules\fuse-box\dist\commonjs\ASTTraverse.js:41:9)
at FileAnalysis.analyze (D:\Node\Recherche\fuse-box-angular2-example\node_modules\fuse-box\dist\commonjs\analysis\FileAnalysis.js:77:35)
at new ComponentContext (D:\Node\Recherche\fuse-box-angular2-example\node_modules\ng2-fused\dist\components\component-context.js:31:27)
at Ng2TemplatePluginClass.transform (D:\Node\Recherche\fuse-box-angular2-example\node_modules\ng2-fused\dist\plugins\ng2-template-plugin.js:34:32)
at tasks.push (D:\Node\Recherche\fuse-box-angular2-example\node_modules\fuse-box\dist\commonjs\core\File.js:122:59)
---------------------------------------------------
Development server running http://localhost:4445
---------------------------------------------------
07:48:47: HMR is enabled
TypeScript related error when trying to run
Hi, when trying to run the example following provided instruction, I get the following error:
TypeError: Cannot read property 'onTypescriptTransform' of undefined
at context.plugins.forEach (/Users/benjamincombes/Downloads/angular2-example-master 2/node_modules/fuse-box/dist/commonjs/core/File.js:85:58)
at Array.forEach (native)
at File.tryTypescriptPlugins (/Users/benjamincombes/Downloads/angular2-example-master 2/node_modules/fuse-box/dist/commonjs/core/File.js:84:34)
at File.handleTypescript (/Users/benjamincombes/Downloads/angular2-example-master 2/node_modules/fuse-box/dist/commonjs/core/File.js:233:14)
at File.consume (/Users/benjamincombes/Downloads/angular2-example-master 2/node_modules/fuse-box/dist/commonjs/core/File.js:167:25)
at ModuleCollection.resolve (/Users/benjamincombes/Downloads/angular2-example-master 2/node_modules/fuse-box/dist/commonjs/core/ModuleCollection.js:176:18)
at realm_utils_1.each (/Users/benjamincombes/Downloads/angular2-example-master 2/node_modules/fuse-box/dist/commonjs/core/ModuleCollection.js:59:25)
at iterateMap (/Users/benjamincombes/Downloads/angular2-example-master 2/node_modules/realm-utils/dist/commonjs/each.js:43:34)
at /Users/benjamincombes/Downloads/angular2-example-master 2/node_modules/realm-utils/dist/commonjs/each.js:59:17
at /Users/benjamincombes/Downloads/angular2-example-master 2/node_modules/realm-utils/dist/commonjs/each.js:63:14
I just downloaded the zip, ran npm install and npm start.
I have node v8.1.2, npm v5.0.3; any idea of what can cause this? Let me know if I can give any useful information.
Add demo for tests converage for fuse-box
Add demo to running tests with fuse-box.
Problem using UglifyJSPlugin
I have installed "uglify-js": "2.8.7" and I have added UglifyJSPlugin to fuse:
const { FuseBox, SassPlugin, CSSPlugin, TypeScriptHelpers, JSONPlugin, HTMLPlugin, UglifyJSPlugin } = require('fuse-box');
const path = require("path");
const fuseBox = FuseBox.init({
homeDir: `src/`,
sourcemaps: true,
outFile: `dist/app.js`,
plugins: [
[
SassPlugin({ outputStyle: 'compressed' }),
CSSPlugin()
],
TypeScriptHelpers(),
JSONPlugin(),
HTMLPlugin({ useDefault: false }),
UglifyJSPlugin()
]
});
fuseBox.devServer('>main.ts', {
port: 4445
});And I get this error:
└── @angular/[email protected] (0 files) 450.3 kB
└── [email protected] (0 files) 147.3 kB
└── @angular/[email protected] (0 files) 166.2 kB
└── @angular/[email protected] (0 files) 133.6 kB
└── @angular/[email protected] (0 files) 224.2 kB
└── @angular/[email protected] (0 files) 739.6 kB
└── @angular/[email protected] (0 files) 78.3 kB
└── [email protected] (0 files) 287 Bytes
└── [email protected] (0 files) 527.2 kB
Bundle
Size: 3.7 MB
Time: 2s 329ms
SyntaxError: Unexpected token: name (AppModule)
at JS_Parse_Error.Object.defineProperty.get (eval at <anonymous> (C:\Users\jros\Desarrollo\GitHub\fuse-box\angular2-example\
node_modules\uglify-js\tools\node.js:28:1), <anonymous>:86:23)
at Arithmetic_1.Arithmetic.getFiles.then.then.catch.e (C:\Users\jros\Desarrollo\GitHub\fuse-box\angular2-example\node_module
s\fuse-box\dist\commonjs\core\FuseBox.js:278:26)
00:09:50 : Client connectedDoes not start after npm install. Error in HTMLplugin
I made a fresh git clone and npm install. Then installed gulp. then ran gulp start .
Then I had the following error:
"SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode"
Fixed by adding "use strict"; to the top of the gulpfile.js
Tried gulp start again, it resulted in the following error:
C:\angular2-example\node_modules\fuse-box\dist\commonjs\plugins\HTMLplugin.js:3
constructor(opts = {}) {
^
SyntaxError: Unexpected token =
at exports.runInThisContext (vm.js:53:16)
at Module._compile (module.js:414:25)
at Object.Module._extensions..js (module.js:442:10)
at Module.load (module.js:356:32)
at Function.Module._load (module.js:311:12)
at Module.require (module.js:366:17)
at require (module.js:385:17)
at Object. (C:\Programming\github\angular2-example\node_modules\fuse-box\dist\commonjs\index.js:10:20)
at Module._compile (module.js:435:26)
at Object.Module._extensions..js (module.js:442:10)
Not sure what am I doing wrong. Tried on both Windows7 and Windows8. Npm version= 3.8.6
Node version: 4.2.1
breaks on npm install
angular2-example: master$ node -v
v7.4.0
angular2-example: master$ npm -v
4.2.0
angular2-example: master$ uname -a
Linux flash 4.4.0-62-generic #83-Ubuntu SMP Wed Jan 18 14:10:15 UTC 2017 x86_64 x86_64 x86_64 GNU/LinuxError output
npm ERR! Linux 4.4.0-62-generic
npm ERR! argv "/home/yadav/.nvm/versions/node/v7.4.0/bin/node" "/home/yadav/.nvm/versions/node/v7.4.0/bin/npm" "i"
npm ERR! node v7.4.0
npm ERR! npm v4.2.0
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] install: `node-gyp rebuild`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] install script 'node-gyp rebuild'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the contextify package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! node-gyp rebuild
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs contextify
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls contextify
npm ERR! There is likely additional logging output above.
npm ERR! Please include the following file with any support request:
npm ERR! /home/yadav/.npm/_logs/2017-02-14T03_41_28_919Z-debug.log
angular2-example: master$
Angular version
This example is on Angular 2.3.1, from Dec. 2016, six months ago. I recommend updating it to current Angular (4.1.3 as I write this, https://github.com/angular/angular/blob/master/CHANGELOG.md ), to verify and demonstrate whether fuse-box can work with current-ish versions.
Page stuck at "Loading..."
I did npm install followed by npm start and this is what I got on the terminal:
~/C/angular2-example npm start master ✱
> [email protected] start /Users/Pac/Code/angular2-example
> node ./fuse.js
15:50:18 : Launching dev server on port 4445
Error: ENOENT: no such file or directory, scandir '/Users/Pac/Code/angular2-example/node_modules/node-sass/vendor'
at Error (native)
at Object.fs.readdirSync (fs.js:951:18)
at Object.getInstalledBinaries (/Users/Pac/Code/angular2-example/node_modules/node-sass/lib/extensions.js:122:13)
at foundBinariesList (/Users/Pac/Code/angular2-example/node_modules/node-sass/lib/errors.js:20:15)
at foundBinaries (/Users/Pac/Code/angular2-example/node_modules/node-sass/lib/errors.js:15:5)
at Object.module.exports.missingBinary (/Users/Pac/Code/angular2-example/node_modules/node-sass/lib/errors.js:45:5)
at module.exports (/Users/Pac/Code/angular2-example/node_modules/node-sass/lib/binding.js:15:30)
at Object.<anonymous> (/Users/Pac/Code/angular2-example/node_modules/node-sass/lib/index.js:14:35)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
and from the browser when I access localhost:4445 all I see is just: Loading... in plain text.
Is this expected?
Should work with a clean build
Should not push up a build folder, it should be create cleanly on each build.
Unable to use Components' `templateUrl` property
Hi Guys,
I've just tried fuse-box and it's just unbelievably fast! Nothing compared with the tons configuration I've write to run webpack or systemjs in a simple "hello world" project. And this project also helped me a lot to start working with fuse-box.
I was wondering if there's a way (or a plugin) to use Angular2 Components' templateUrl property instead of just requiring the template and push it in the code. Basically I would like to avoid calling the require function and just write the url of my template. This is more annoying when you have an array of css to include (using RawPlugin for css files).
| Current usage | Preferred usage |
|---|---|
@Component({
selector: 'app',
template: require('./app.component.html')
styles: [ require('./app.component.css') ]
} |
@Component({
selector: 'app',
templateUrl: './app.component.html'
styleUrls: [ './app.component.css' ]
} |
Anyway, the result should be the same for both usage, so the template content will be pushed in the bundle itself. But, since this feature is already available in webpack/systemjs, do you mind it will be also for fuse-box? Maybe "overriding" (decorating), if possibile, the decorator implementation?
Thank you :)
Demo doesn't work in IE 11
I am on a Windows 7 machine with IE 11.
The demo at https://fuse-box.github.io/angular2-example/ just hangs on "Loading app..." message and there's a syntax error in IE console.
It works fine in Edge browser.
Impossible to run test or coverage tasks
When I try to run test or coverage I get the following error
I'm using windows 7 and installed my dependencies using yarn.
covalent not working
hi,
the next problem:
i use covalent in my solution, and now the following error raises:
Uncaught SyntaxError: Unexpected token import
todo.service.ts:5 Uncaught ReferenceError: FuseBox is not defined
at todo.service.ts:5
(anonymous) @ todo.service.ts:5
brach 'feature/covalent' in my fork shows this:
https://github.com/Tenvan/angular2-example/tree/feature/covalent
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.