jamespatrickgibson / union

A design system boilerplate for Svelte & CSS
http://www.designwithunion.com
2 stars 2 forks source link

npm distribution bug #36

Open peterbsmyth opened 4 years ago

peterbsmyth commented 4 years ago

Using the svelte [quickstart](), importing and using the union-design-system npm package the npm run dev command returns this error:

[!] Error: Could not load /Users/upstateinteractive/code/personal/website-/node_modules/union-design-system/src/index.js (imported by src/App.svelte): ENOENT: no such file or directory, open '/Users/upstateinteractive/code/personal/website-/node_modules/union-design-system/src/index.js'
<script>
  export let name;
  import {
    Button,
    FixedImage,
    Frame,
    Link,
    List,
    ListItem,
    Navigation,
    NavigationSection,
    MediaObject,
    Stack,
    SplitView,
    Text,
  } from "union-design-system";
</script>

<style>
  main {
    text-align: center;
    padding: 1em;
    max-width: 240px;
    margin: 0 auto;
  }

  h1 {
    color: #ff3e00;
    text-transform: uppercase;
    font-size: 4em;
    font-weight: 100;
  }

  @media (min-width: 640px) {
    main {
      max-width: none;
    }
  }
</style>

<Navigation>
  <NavigationSection title="Apple Music">
    <List>
      <ListItem>
        <Text size="3">
          <Link to="./" type="implied">For You</Link>
        </Text>
      </ListItem>
      <ListItem>
        <Text size="3">
          <Link to="./" type="implied">Browse</Link>
        </Text>
      </ListItem>
      <ListItem>
        <Text size="3">
          <Link to="./" type="implied">Radio</Link>
        </Text>
      </ListItem>
    </List>
  </NavigationSection>
</Navigation>

<main>
  <h1>Hello {name}!</h1>
  <p>
    Visit the
    <a href="https://svelte.dev/tutorial">Svelte tutorial</a>
    to learn how to build Svelte apps.
  </p>
</main>