# Data type not found: Javascript

**URL:** https://forums.fusetools.com/t/data-type-not-found-javascript/3785
**Category:** Bug Reports
**Created:** [September 2, 2016, 2:21pm UTC](https://forums.fusetools.com/t/data-type-not-found-javascript/3785 "2016-09-02T14:21:18Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![dev.rafael](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/dev.rafael/32/152_2.png) [@dev.rafael](https://forums.fusetools.com/u/dev.rafael)
#### Post date: [September 2, 2016, 2:21pm UTC](https://forums.fusetools.com/t/data-type-not-found-javascript/3785/1 "2016-09-02T14:21:18Z")

</div>

Hei!

My name is Rafael,  
I started your Hikr tutorial app to start learning Fuse, but the compiler throw me the following errors:

```auto
MainView.ux(3): E8001: Data type not found: Javascript
/Users/velcro/Documents/Work/fuse/hikr/MainView.ux(3,1): Error E8001: Data type not found: Javascript
MainView.ux(3): E8001: Could not resolve type 'Javascript'
/Users/velcro/Documents/Work/fuse/hikr/MainView.ux(3,1): Error E8001: Could not resolve type 'Javascript'

Build completed in 6.76 seconds
    2 errors
Build ended
fuse: Failed to compile project

```

Thanks 😉

- Version: 0.25.0
- OS: OS X

---

<div class="post-metadata">

### Author: ![Jake\_Taylor](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/jake_taylor/32/512_2.png) [@Jake\_Taylor](https://forums.fusetools.com/u/Jake_Taylor)
#### Post date: [September 2, 2016, 2:28pm UTC](https://forums.fusetools.com/t/data-type-not-found-javascript/3785/2 "2016-09-02T14:28:48Z")

</div>

Hi, it looks like you’ve typed `Javascript` rather than `JavaScript`. UX is case-sensitive, so that doesn’t mean the same thing 🙂

---

<div class="post-metadata">

### Author: ![dev.rafael](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/dev.rafael/32/152_2.png) [@dev.rafael](https://forums.fusetools.com/u/dev.rafael)
#### Post date: [September 2, 2016, 2:31pm UTC](https://forums.fusetools.com/t/data-type-not-found-javascript/3785/3 "2016-09-02T14:31:09Z")

</div>

Oh you’re right, my bad for not double check.

Thanks, its solved.

Cheers 😉

---

<div class="post-metadata">

### Author: ![Jake\_Taylor](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/jake_taylor/32/512_2.png) [@Jake\_Taylor](https://forums.fusetools.com/u/Jake_Taylor)
#### Post date: [September 2, 2016, 2:48pm UTC](https://forums.fusetools.com/t/data-type-not-found-javascript/3785/4 "2016-09-02T14:48:03Z")

</div>

Glad to hear it 🙂

---

<div class="post-metadata">

### Author: ![forza](https://avatars.discourse-cdn.com/v4/letter/f/74df32/32.png) [@forza](https://forums.fusetools.com/u/forza)
#### Post date: [April 10, 2019, 1:55pm UTC](https://forums.fusetools.com/t/data-type-not-found-javascript/3785/5 "2019-04-10T13:55:23Z")

</div>

Hi every body. ich have created three components(ux:Class=“TabBar”, x:Class=“TapBar” and x:Class=“Card”. in the MainView i have:  
\<App Background="#ddd"  
\<DockPanel  
\<TopBar Dock=“Top”/  
\<Card Dock=“Center” Alignment=“Center” /  
\<TabBar Dock=“Bottom”/  
\</DockPanel  
\</App  
and in the other Class i have:  
\<Rectangle ux:Class=“TopBar” Color="#63b8ff"  
\<Text Value=“My first app” Alignment=“Center” Margin=“20”/  
\</Rectangle

but i’m receiving an Errors for the three components:  
Error E8001: Data type not found: TabBarC:\Users\forza\Documents\Fuse\SmallJobs\MainView.ux(5): E8001: Could not resolve type 'TabBar

What could be the Problem? thanks in avance

---

<div class="post-metadata">

### Author: ![aeq](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/aeq/32/129_2.png) [@aeq](https://forums.fusetools.com/u/aeq)
#### Post date: [April 12, 2019, 7:31am UTC](https://forums.fusetools.com/t/data-type-not-found-javascript/3785/6 "2019-04-12T07:31:09Z")

</div>

Well, first off, your effort on your typing is terrible.

The compiler is saying that it can’t find the TabBar, where is your TabBar class defined?

Share your code files for us to see or use “`” three times to create code blocks like so:

```auto
<App>
More code goes here
</App>

```

---

<div class="post-metadata">

### Author: ![forza](https://avatars.discourse-cdn.com/v4/letter/f/74df32/32.png) [@forza](https://forums.fusetools.com/u/forza)
#### Post date: [April 12, 2019, 9:27am UTC](https://forums.fusetools.com/t/data-type-not-found-javascript/3785/7 "2019-04-12T09:27:06Z")

</div>

Hi here is my code

 This is our first App ![Fuse%20Code|416x500](upload://sPwAHgRFmq2IzQuFUZUBtfteRvU.jpeg)

---

<div class="post-metadata">

### Author: ![aeq](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/aeq/32/129_2.png) [@aeq](https://forums.fusetools.com/u/aeq)
#### Post date: [April 15, 2019, 6:36am UTC](https://forums.fusetools.com/t/data-type-not-found-javascript/3785/8 "2019-04-15T06:36:46Z")

</div>

@forza apart from the `Dock="Center"` being incorrect, the app worked as expected:

```auto
<App Background="#ddd">

	<Grid ux:Class="TabBar" ColumnCount="3" Height="60" Color="White">
		<Text Alignment="Center" Value="Left" />
		<Text Alignment="Center" Value="Center" />
		<Text Alignment="Center" Value="Right" />
	</Grid>

	<Rectangle ux:Class="Card" Color="White" CornerRadius="5" >
		<StackPanel Alignment="Center" Margin="45">
			<Text Alignment="HorizontalCenter" FontSize="35">This is</Text>
			<Text Alignment="HorizontalCenter">our</Text>
			<Text Alignment="HorizontalCenter" FontSize="25">first</Text>
			<Image Url="https://www.fusetools.com/assets/dist/images/logo-white-header.png"
				   Color="#333"
				   StretchMode="PixelPrecise"/>
			<Text Alignment="HorizontalCenter" FontSize="30">App</Text>
		</StackPanel>
	</Rectangle>

	<Rectangle ux:Class="TopBar" Color="#63b8ff">
		<Text Value="My first app" Alignment="Center" Margin="20"/>
	</Rectangle>

	<DockPanel>
		<TopBar Dock="Top"/>
		<Card Dock="Fill" Alignment="Center" />
		<TabBar Dock="Bottom"/>
	</DockPanel>
</App>

```

---

<div class="post-metadata">

### Author: ![aeq](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/aeq/32/129_2.png) [@aeq](https://forums.fusetools.com/u/aeq)
#### Post date: [April 15, 2019, 6:45am UTC](https://forums.fusetools.com/t/data-type-not-found-javascript/3785/9 "2019-04-15T06:45:36Z")

</div>

@forza if you want to keep the MainView.ux cleaner, you can place the classes in separate .ux files

---

<div class="post-metadata">

### Author: ![forza](https://avatars.discourse-cdn.com/v4/letter/f/74df32/32.png) [@forza](https://forums.fusetools.com/u/forza)
#### Post date: [April 15, 2019, 10:56am UTC](https://forums.fusetools.com/t/data-type-not-found-javascript/3785/10 "2019-04-15T10:56:57Z")

</div>

@aeq i solved the Problem already. it was because i created the files outside my folder but i have another problem. I want to develop a Tab bar navigation exactly like this one:[https://fuseopen.com/examples/tab-bar-navigation/index.html](https://fuseopen.com/examples/tab-bar-navigation/index.html) but with defferents pages. I have created three pages ux:Class with their JavaScript pages but i think i’m facing the problem in the MainView.ux in order call those pages. If you or somebody else can give some Ideas or exemples it will be very nice. thank in avance.

forza

---

<div class="post-metadata">

### Author: ![aeq](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/aeq/32/129_2.png) [@aeq](https://forums.fusetools.com/u/aeq)
#### Post date: [April 15, 2019, 11:05am UTC](https://forums.fusetools.com/t/data-type-not-found-javascript/3785/11 "2019-04-15T11:05:06Z")

</div>

@forza have a look at the PageControl documentation examples: [https://fuseopen.com/docs/fuse/controls/pagecontrol.html](https://fuseopen.com/docs/fuse/controls/pagecontrol.html)