# Storybook error - "ModuleParseError: Module parse failed: Unexpected token "

**URL:** https://community.prismic.io/t/storybook-error-moduleparseerror-module-parse-failed-unexpected-token/6209
**Category:** Developing with Prismic
**Tags:** slice-machine
**Created:** [July 13, 2021, 11:03am UTC](https://community.prismic.io/t/storybook-error-moduleparseerror-module-parse-failed-unexpected-token/6209 "2021-07-13T11:03:56Z")
**Posts on this page:** 15
**Page:** 1

<div class="post-metadata">

### Author: ![kris](https://avatars.discourse-cdn.com/v4/letter/k/82dd89/32.png) [@kris](https://community.prismic.io/u/kris)
#### Post date: [July 13, 2021, 11:03am UTC](https://community.prismic.io/t/storybook-error-moduleparseerror-module-parse-failed-unexpected-token/6209/1 "2021-07-13T11:03:56Z")

</div>

Storybook worked for me fine, but I added a separate folder for slices called "unique\_slices". It seems that after that, I started getting the following error when I run `yarn run storybook`:

```auto
kris@kris-macbook miso3 % yarn run storybook
yarn run v1.22.10
$ start-storybook -p 8888
info @storybook/react v6.3.2
info 
info => Loading presets
info => Loading 1 config file in "/Users/kris/Documents/code/freelance/miso3/.storybook"
info => Adding stories defined in "/Users/kris/Documents/code/freelance/miso3/.storybook/main.js"
info => Using PostCSS preset with postcss@8.3.5
info => Using default Webpack4 setup
10% building 1/1 modules 0 active
info => Using cached manager
42% building 273/285 modules 12 active ...ocuments/code/freelance/miso3/node_modules/airbnb-js-shims/target/es2017.js
warn - You have enabled the JIT engine which is currently in preview.
warn - Preview features are not covered by semver, may introduce breaking changes, and can change at any time.
webpack built preview 365361bc698a13307a2b in 6340ms
✖ ｢wdm｣: Hash: 365361bc698a13307a2b
Version: webpack 4.46.0
Time: 6340ms
Built at: 13/07/2021 12:00:57
                            Asset Size Chunks Chunk Names
                      iframe.html 4.45 KiB [emitted]               
            main.iframe.bundle.js 93.4 KiB main [emitted] main
        main.iframe.bundle.js.map 30.1 KiB main [emitted] [dev] main
    runtime~main.iframe.bundle.js 33.5 KiB runtime~main [emitted] runtime~main
runtime~main.iframe.bundle.js.map 34.7 KiB runtime~main [emitted] [dev] runtime~main
    vendors~main.iframe.bundle.js 3.55 MiB vendors~main [emitted] [big] vendors~main
vendors~main.iframe.bundle.js.map 3.14 MiB vendors~main [emitted] [dev] vendors~main
Entrypoint main [big] = runtime~main.iframe.bundle.js runtime~main.iframe.bundle.js.map vendors~main.iframe.bundle.js vendors~main.iframe.bundle.js.map main.iframe.bundle.js main.iframe.bundle.js.map
[0] multi ./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js ./node_modules/@storybook/core-client/dist/esm/globals/globals.js ./.storybook/storybook-init-framework-entry.js ./.storybook/preview.js-generated-config-entry.js ./.storybook/generated-stories-entry.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined 88 bytes {main} [built]
[./.slicemachine/assets sync recursive ^\.(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?\.stories\.js)$] ./.slicemachine/assets sync ^\.(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?\.stories\.js)$ 291 bytes {main} [built]
[./.storybook/generated-stories-entry.js] 336 bytes {main} [built]
[./.storybook/preview.js] 34 bytes {main} [built]
[./.storybook/preview.js-generated-config-entry.js] 3.88 KiB {main} [built]
[./.storybook/storybook-init-framework-entry.js] 26 bytes {main} [built]
[./node_modules/@storybook/client-api/dist/esm/index.js] 967 bytes [built]
[./node_modules/@storybook/client-logger/dist/esm/index.js] 4.3 KiB {vendors~main} [built]
[./node_modules/@storybook/core-client/dist/esm/globals/globals.js] 105 bytes {vendors~main} [built]
[./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js] 97 bytes {vendors~main} [built]
[./node_modules/@storybook/react/dist/esm/client/index.js] 236 bytes {vendors~main} [built]
[./node_modules/airbnb-js-shims/index.js] 40 bytes {vendors~main} [built]
[./node_modules/core-js/features/symbol/index.js] 489 bytes {vendors~main} [built]
[./node_modules/core-js/modules/es.array.filter.js] 622 bytes {vendors~main} [built]
[./node_modules/webpack-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined] (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined 7.68 KiB {vendors~main} [built]
    + 1194 hidden modules

ERROR in ./node_modules/next-slicezone/index.js 6:2
Module parse failed: Unexpected token (6:2)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| 
| const PageInfo = ({ title, description }) => (
> <div
| style={{
| height: '80vh',
 @ ./components/common/Footer.js 10:0-39 52:40-49
 @ ./components/common/index.js
 @ ./slices/Hero/index.js
 @ ./.slicemachine/assets/slices/Hero/index.stories.js
 @ ./.slicemachine/assets sync ^\.(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?\.stories\.js)$
 @ ./.storybook/generated-stories-entry.js
 @ multi ./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js ./node_modules/@storybook/core-client/dist/esm/globals/globals.js ./.storybook/storybook-init-framework-entry.js ./.storybook/preview.js-generated-config-entry.js ./.storybook/generated-stories-entry.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined
Child HtmlWebpackCompiler:
                          Asset Size Chunks Chunk Names
    __child-HtmlWebpackPlugin_0 6.23 KiB HtmlWebpackPlugin_0 HtmlWebpackPlugin_0
    Entrypoint HtmlWebpackPlugin_0 = __child-HtmlWebpackPlugin_0
    [./node_modules/html-webpack-plugin/lib/loader.js!./node_modules/@storybook/core-common/dist/cjs/templates/index.ejs] 1.98 KiB {HtmlWebpackPlugin_0} [built]
ModuleParseError: Module parse failed: Unexpected token (6:2)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| 
| const PageInfo = ({ title, description }) => (
> <div
| style={{
| height: '80vh',
    at handleParseError (/Users/kris/Documents/code/freelance/miso3/node_modules/webpack/lib/NormalModule.js:469:19)
    at /Users/kris/Documents/code/freelance/miso3/node_modules/webpack/lib/NormalModule.js:503:5
    at /Users/kris/Documents/code/freelance/miso3/node_modules/webpack/lib/NormalModule.js:358:12
    at /Users/kris/Documents/code/freelance/miso3/node_modules/loader-runner/lib/LoaderRunner.js:373:3
    at iterateNormalLoaders (/Users/kris/Documents/code/freelance/miso3/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
    at Array.<anonymous> (/Users/kris/Documents/code/freelance/miso3/node_modules/loader-runner/lib/LoaderRunner.js:205:4)
    at Storage.finished (/Users/kris/Documents/code/freelance/miso3/node_modules/webpack/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:55:16)
    at /Users/kris/Documents/code/freelance/miso3/node_modules/webpack/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:91:9
    at /Users/kris/Documents/code/freelance/miso3/node_modules/graceful-fs/graceful-fs.js:123:16
    at FSReqCallback.readFileAfterClose [as oncomplete] (internal/fs/read_file_context.js:73:3)

WARN Broken build, fix the error above.
WARN You may need to refresh the browser.

error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

```

My .storybook/main.js looks like this:

```auto
const path = require("path");
const { getStoriesPaths } = require("slice-machine-ui/helpers/storybook");

module.exports = {
  addons: [
    {
      name: "@storybook/addon-postcss",
      options: {
        postcssLoaderOptions: {
          implementation: require("postcss"),
        },
      },
    },
  ],
  stories: [...getStoriesPaths() /*...*/],
  webpackFinal: async (config, { configType }) => {
    config.resolve.modules = [path.resolve(__dirname, ".."), "node_modules"];

    return config;
  },
};

```

and my next.config.js looks like this:

```auto
const withPlugins = require("next-compose-plugins");
const withTM = require("next-transpile-modules")(["next-slicezone"]);

const nextConfiguration = {
  trailingSlash: true,
  images: {
    loader: "imgix",
    path: "",
    deviceSizes: [82, 110, 140, 640, 750, 828, 1080, 1200, 1920, 2048, 3840],
  },
};

module.exports = withPlugins([withTM], nextConfiguration);

```

Any help will be greatly appreciated!

---

<div class="post-metadata">

### Author: ![samlittlefair](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/samlittlefair/32/696_2.png) [@samlittlefair](https://community.prismic.io/u/samlittlefair)
#### Post date: [July 16, 2021, 1:23pm UTC](https://community.prismic.io/t/storybook-error-moduleparseerror-module-parse-failed-unexpected-token/6209/2 "2021-07-16T13:23:08Z")

</div>

Hey @kris,

Can you send me your project files in a git repo or ZIP file? (Feel free to send in a DM.)

I'll take a look and see if I can find the issue.

Sam

---

<div class="post-metadata">

### Author: ![kris](https://avatars.discourse-cdn.com/v4/letter/k/82dd89/32.png) [@kris](https://community.prismic.io/u/kris)
#### Post date: [July 19, 2021, 10:29am UTC](https://community.prismic.io/t/storybook-error-moduleparseerror-module-parse-failed-unexpected-token/6209/4 "2021-07-19T10:29:15Z")

</div>

Sent via DM. Thanks, Sam!

---

<div class="post-metadata">

### Author: ![samlittlefair](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/samlittlefair/32/696_2.png) [@samlittlefair](https://community.prismic.io/u/samlittlefair)
#### Post date: [July 21, 2021, 1:46pm UTC](https://community.prismic.io/t/storybook-error-moduleparseerror-module-parse-failed-unexpected-token/6209/7 "2021-07-21T13:46:38Z")

</div>

Thanks, @kris! I tried it out and got the same error as you. I couldn't figure it out, so I submitted an issue with our dev team.

Sam

---

<div class="post-metadata">

### Author: ![kris](https://avatars.discourse-cdn.com/v4/letter/k/82dd89/32.png) [@kris](https://community.prismic.io/u/kris)
#### Post date: [July 27, 2021, 1:10pm UTC](https://community.prismic.io/t/storybook-error-moduleparseerror-module-parse-failed-unexpected-token/6209/9 "2021-07-27T13:10:37Z")

</div>

@samlittlefair Just wanted to check if you've had any luck with this?

---

<div class="post-metadata">

### Author: ![samlittlefair](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/samlittlefair/32/696_2.png) [@samlittlefair](https://community.prismic.io/u/samlittlefair)
#### Post date: [July 27, 2021, 5:57pm UTC](https://community.prismic.io/t/storybook-error-moduleparseerror-module-parse-failed-unexpected-token/6209/10 "2021-07-27T17:57:10Z")

</div>

@kris I sent a follow-up to the dev team, and I'll let you know what I hear back. 🙂

---

<div class="post-metadata">

### Author: ![samlittlefair](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/samlittlefair/32/696_2.png) [@samlittlefair](https://community.prismic.io/u/samlittlefair)
#### Post date: [August 3, 2021, 6:36am UTC](https://community.prismic.io/t/storybook-error-moduleparseerror-module-parse-failed-unexpected-token/6209/12 "2021-08-03T06:36:26Z")

</div>

@kris A small update: the dev team says they've found a "small lead" and they're working on it. I'll keep you updated.

Sam

---

<div class="post-metadata">

### Author: ![kris](https://avatars.discourse-cdn.com/v4/letter/k/82dd89/32.png) [@kris](https://community.prismic.io/u/kris)
#### Post date: [August 3, 2021, 11:46am UTC](https://community.prismic.io/t/storybook-error-moduleparseerror-module-parse-failed-unexpected-token/6209/13 "2021-08-03T11:46:08Z")

</div>

Thanks @samlittlefair - excited to use Storybook as part of the project

---

<div class="post-metadata">

### Author: ![samlittlefair](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/samlittlefair/32/696_2.png) [@samlittlefair](https://community.prismic.io/u/samlittlefair)
#### Post date: [August 4, 2021, 3:34pm UTC](https://community.prismic.io/t/storybook-error-moduleparseerror-module-parse-failed-unexpected-token/6209/14 "2021-08-04T15:34:05Z")

</div>

Hey @kris,

Could you try updating to `next-slicezone@alpha` and see if that helps?

Sam

---

<div class="post-metadata">

### Author: ![kris](https://avatars.discourse-cdn.com/v4/letter/k/82dd89/32.png) [@kris](https://community.prismic.io/u/kris)
#### Post date: [August 4, 2021, 4:09pm UTC](https://community.prismic.io/t/storybook-error-moduleparseerror-module-parse-failed-unexpected-token/6209/15 "2021-08-04T16:09:30Z")

</div>

> [@samlittlefair](#):
>
> next-slicezone

Hi @samlittlefair

(I'm running @storybook/react v6.3.6 and my slices' index.js are actually using Typescript - so index.tsx)

I just upgraded but now I'm getting another error. Full log:

```auto
ERROR in ./.slicemachine/assets/slices/PageHero/index.stories.js
Module not found: Error: Can't resolve '........slicesPageHero' in '/Users/kris/Documents/code/freelance/miso3/.slicemachine/assets/slices/PageHero'
 @ ./.slicemachine/assets/slices/PageHero/index.stories.js 6:0-49 12:27-38 74:27-38 133:27-38
 @ ./.slicemachine/assets sync ^\.(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?\.stories\.js)$
 @ ./.storybook/generated-stories-entry.js
 @ multi ./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js ./node_modules/@storybook/core-client/dist/esm/globals/globals.js ./.storybook/storybook-init-framework-entry.js ./.storybook/preview.js-generated-config-entry.js ./.storybook/generated-stories-entry.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined

ERROR in ./.slicemachine/assets/slices/Testimonial/index.stories.js
Module not found: Error: Can't resolve '........slicesTestimonial' in '/Users/kris/Documents/code/freelance/miso3/.slicemachine/assets/slices/Testimonial'
 @ ./.slicemachine/assets/slices/Testimonial/index.stories.js 6:0-57 12:27-38 84:27-38
 @ ./.slicemachine/assets sync ^\.(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?\.stories\.js)$
 @ ./.storybook/generated-stories-entry.js
 @ multi ./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js ./node_modules/@storybook/core-client/dist/esm/globals/globals.js ./.storybook/storybook-init-framework-entry.js ./.storybook/preview.js-generated-config-entry.js ./.storybook/generated-stories-entry.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined
Child HtmlWebpackCompiler:
                          Asset Size Chunks Chunk Names
    __child-HtmlWebpackPlugin_0 6.23 KiB HtmlWebpackPlugin_0 HtmlWebpackPlugin_0
    Entrypoint HtmlWebpackPlugin_0 = __child-HtmlWebpackPlugin_0
    [./node_modules/html-webpack-plugin/lib/loader.js!./node_modules/@storybook/core-common/dist/cjs/templates/index.ejs] 1.98 KiB {HtmlWebpackPlugin_0} [built]
ModuleNotFoundError: Module not found: Error: Can't resolve '........slicesPageHero' in '/Users/kris/Documents/code/freelance/miso3/.slicemachine/assets/slices/PageHero'
    at /Users/kris/Documents/code/freelance/miso3/node_modules/webpack/lib/Compilation.js:925:10
    at /Users/kris/Documents/code/freelance/miso3/node_modules/webpack/lib/NormalModuleFactory.js:401:22
    at /Users/kris/Documents/code/freelance/miso3/node_modules/webpack/lib/NormalModuleFactory.js:130:21
    at /Users/kris/Documents/code/freelance/miso3/node_modules/webpack/lib/NormalModuleFactory.js:224:22
    at /Users/kris/Documents/code/freelance/miso3/node_modules/neo-async/async.js:2830:7
    at /Users/kris/Documents/code/freelance/miso3/node_modules/neo-async/async.js:6877:13
    at /Users/kris/Documents/code/freelance/miso3/node_modules/webpack/lib/NormalModuleFactory.js:214:25
    at /Users/kris/Documents/code/freelance/miso3/node_modules/webpack/node_modules/enhanced-resolve/lib/Resolver.js:213:14
    at /Users/kris/Documents/code/freelance/miso3/node_modules/webpack/node_modules/enhanced-resolve/lib/Resolver.js:285:5
    at eval (eval at create (/Users/kris/Documents/code/freelance/miso3/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:15:1)
    at /Users/kris/Documents/code/freelance/miso3/node_modules/webpack/node_modules/enhanced-resolve/lib/UnsafeCachePlugin.js:44:7
    at /Users/kris/Documents/code/freelance/miso3/node_modules/webpack/node_modules/enhanced-resolve/lib/Resolver.js:285:5
    at eval (eval at create (/Users/kris/Documents/code/freelance/miso3/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:15:1)
    at /Users/kris/Documents/code/freelance/miso3/node_modules/webpack/node_modules/enhanced-resolve/lib/Resolver.js:285:5
    at eval (eval at create (/Users/kris/Documents/code/freelance/miso3/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:27:1)
    at /Users/kris/Documents/code/freelance/miso3/node_modules/webpack/node_modules/enhanced-resolve/lib/DescriptionFilePlugin.js:67:43
resolve '........slicesPageHero' in '/Users/kris/Documents/code/freelance/miso3/.slicemachine/assets/slices/PageHero'
  Parsed request is a module
  using description file: /Users/kris/Documents/code/freelance/miso3/package.json (relative path: ./.slicemachine/assets/slices/PageHero)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      looking for modules in /Users/kris/Documents/code/freelance/miso3
        using description file: /Users/kris/Documents/code/freelance/miso3/package.json (relative path: .)
          Field 'browser' doesn't contain a valid alias configuration
          using description file: /Users/kris/Documents/code/freelance/miso3/package.json (relative path: ./........slicesPageHero)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/........slicesPageHero doesn't exist
            .mjs
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/........slicesPageHero.mjs doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/........slicesPageHero.js doesn't exist
            .jsx
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/........slicesPageHero.jsx doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/........slicesPageHero.ts doesn't exist
            .tsx
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/........slicesPageHero.tsx doesn't exist
            .json
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/........slicesPageHero.json doesn't exist
            .cjs
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/........slicesPageHero.cjs doesn't exist
            as directory
              /Users/kris/Documents/code/freelance/miso3/........slicesPageHero doesn't exist
      /Users/kris/Documents/code/freelance/miso3/.slicemachine/assets/slices/PageHero/node_modules doesn't exist or is not a directory
      /Users/kris/Documents/code/freelance/miso3/.slicemachine/assets/slices/node_modules doesn't exist or is not a directory
      /Users/kris/Documents/code/freelance/miso3/.slicemachine/assets/node_modules doesn't exist or is not a directory
      /Users/kris/Documents/code/freelance/miso3/.slicemachine/node_modules doesn't exist or is not a directory
      /Users/kris/Documents/code/freelance/node_modules doesn't exist or is not a directory
      /Users/kris/Documents/code/node_modules doesn't exist or is not a directory
      /Users/kris/Documents/node_modules doesn't exist or is not a directory
      /Users/kris/node_modules doesn't exist or is not a directory
      /Users/node_modules doesn't exist or is not a directory
      /node_modules doesn't exist or is not a directory
      looking for modules in /Users/kris/Documents/code/freelance/miso3/node_modules
        using description file: /Users/kris/Documents/code/freelance/miso3/package.json (relative path: ./node_modules)
          Field 'browser' doesn't contain a valid alias configuration
          using description file: /Users/kris/Documents/code/freelance/miso3/package.json (relative path: ./node_modules/........slicesPageHero)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/node_modules/........slicesPageHero doesn't exist
            .mjs
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/node_modules/........slicesPageHero.mjs doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/node_modules/........slicesPageHero.js doesn't exist
            .jsx
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/node_modules/........slicesPageHero.jsx doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/node_modules/........slicesPageHero.ts doesn't exist
            .tsx
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/node_modules/........slicesPageHero.tsx doesn't exist
            .json
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/node_modules/........slicesPageHero.json doesn't exist
            .cjs
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/node_modules/........slicesPageHero.cjs doesn't exist
            as directory
              /Users/kris/Documents/code/freelance/miso3/node_modules/........slicesPageHero doesn't exist
ModuleNotFoundError: Module not found: Error: Can't resolve '........slicesTestimonial' in '/Users/kris/Documents/code/freelance/miso3/.slicemachine/assets/slices/Testimonial'
    at /Users/kris/Documents/code/freelance/miso3/node_modules/webpack/lib/Compilation.js:925:10
    at /Users/kris/Documents/code/freelance/miso3/node_modules/webpack/lib/NormalModuleFactory.js:401:22
    at /Users/kris/Documents/code/freelance/miso3/node_modules/webpack/lib/NormalModuleFactory.js:130:21
    at /Users/kris/Documents/code/freelance/miso3/node_modules/webpack/lib/NormalModuleFactory.js:224:22
    at /Users/kris/Documents/code/freelance/miso3/node_modules/neo-async/async.js:2830:7
    at /Users/kris/Documents/code/freelance/miso3/node_modules/neo-async/async.js:6877:13
    at /Users/kris/Documents/code/freelance/miso3/node_modules/webpack/lib/NormalModuleFactory.js:214:25
    at /Users/kris/Documents/code/freelance/miso3/node_modules/webpack/node_modules/enhanced-resolve/lib/Resolver.js:213:14
    at /Users/kris/Documents/code/freelance/miso3/node_modules/webpack/node_modules/enhanced-resolve/lib/Resolver.js:285:5
    at eval (eval at create (/Users/kris/Documents/code/freelance/miso3/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:15:1)
    at /Users/kris/Documents/code/freelance/miso3/node_modules/webpack/node_modules/enhanced-resolve/lib/UnsafeCachePlugin.js:44:7
    at /Users/kris/Documents/code/freelance/miso3/node_modules/webpack/node_modules/enhanced-resolve/lib/Resolver.js:285:5
    at eval (eval at create (/Users/kris/Documents/code/freelance/miso3/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:15:1)
    at /Users/kris/Documents/code/freelance/miso3/node_modules/webpack/node_modules/enhanced-resolve/lib/Resolver.js:285:5
    at eval (eval at create (/Users/kris/Documents/code/freelance/miso3/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:27:1)
    at /Users/kris/Documents/code/freelance/miso3/node_modules/webpack/node_modules/enhanced-resolve/lib/DescriptionFilePlugin.js:67:43
resolve '........slicesTestimonial' in '/Users/kris/Documents/code/freelance/miso3/.slicemachine/assets/slices/Testimonial'
  Parsed request is a module
  using description file: /Users/kris/Documents/code/freelance/miso3/package.json (relative path: ./.slicemachine/assets/slices/Testimonial)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      looking for modules in /Users/kris/Documents/code/freelance/miso3
        using description file: /Users/kris/Documents/code/freelance/miso3/package.json (relative path: .)
          Field 'browser' doesn't contain a valid alias configuration
          using description file: /Users/kris/Documents/code/freelance/miso3/package.json (relative path: ./........slicesTestimonial)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/........slicesTestimonial doesn't exist
            .mjs
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/........slicesTestimonial.mjs doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/........slicesTestimonial.js doesn't exist
            .jsx
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/........slicesTestimonial.jsx doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/........slicesTestimonial.ts doesn't exist
            .tsx
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/........slicesTestimonial.tsx doesn't exist
            .json
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/........slicesTestimonial.json doesn't exist
            .cjs
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/........slicesTestimonial.cjs doesn't exist
            as directory
              /Users/kris/Documents/code/freelance/miso3/........slicesTestimonial doesn't exist
      /Users/kris/Documents/code/freelance/miso3/.slicemachine/assets/slices/Testimonial/node_modules doesn't exist or is not a directory
      /Users/kris/Documents/code/freelance/miso3/.slicemachine/assets/slices/node_modules doesn't exist or is not a directory
      /Users/kris/Documents/code/freelance/miso3/.slicemachine/assets/node_modules doesn't exist or is not a directory
      /Users/kris/Documents/code/freelance/miso3/.slicemachine/node_modules doesn't exist or is not a directory
      /Users/kris/Documents/code/freelance/node_modules doesn't exist or is not a directory
      /Users/kris/Documents/code/node_modules doesn't exist or is not a directory
      /Users/kris/Documents/node_modules doesn't exist or is not a directory
      /Users/kris/node_modules doesn't exist or is not a directory
      /Users/node_modules doesn't exist or is not a directory
      /node_modules doesn't exist or is not a directory
      looking for modules in /Users/kris/Documents/code/freelance/miso3/node_modules
        using description file: /Users/kris/Documents/code/freelance/miso3/package.json (relative path: ./node_modules)
          Field 'browser' doesn't contain a valid alias configuration
          using description file: /Users/kris/Documents/code/freelance/miso3/package.json (relative path: ./node_modules/........slicesTestimonial)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/node_modules/........slicesTestimonial doesn't exist
            .mjs
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/node_modules/........slicesTestimonial.mjs doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/node_modules/........slicesTestimonial.js doesn't exist
            .jsx
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/node_modules/........slicesTestimonial.jsx doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/node_modules/........slicesTestimonial.ts doesn't exist
            .tsx
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/node_modules/........slicesTestimonial.tsx doesn't exist
            .json
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/node_modules/........slicesTestimonial.json doesn't exist
            .cjs
              Field 'browser' doesn't contain a valid alias configuration
              /Users/kris/Documents/code/freelance/miso3/node_modules/........slicesTestimonial.cjs doesn't exist
            as directory
              /Users/kris/Documents/code/freelance/miso3/node_modules/........slicesTestimonial doesn't exist

WARN Broken build, fix the error above.
WARN You may need to refresh the browser.

error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

```

---

<div class="post-metadata">

### Author: ![kris](https://avatars.discourse-cdn.com/v4/letter/k/82dd89/32.png) [@kris](https://community.prismic.io/u/kris)
#### Post date: [August 4, 2021, 4:16pm UTC](https://community.prismic.io/t/storybook-error-moduleparseerror-module-parse-failed-unexpected-token/6209/16 "2021-08-04T16:16:45Z")

</div>

Update:

I think I made it work by going to the components and fixing some of the imports:

In `Testimonial/index.stories.js`:

I changed `import MyComponent from '..\..\..\..\slices\Testimonial';` to `import MyComponent from "../../../../slices/Testimonial";`

In `PageHero/index.stories.js`:

I changed `import MyComponent from "........slicesPageHero";` to `import MyComponent from "../../../../slices/PageHero";`

Then Storybook opened without any errors!

Why these imports were broken, I have no idea as these are autogenerated by slicemachine, right? Maybe something to investigate further

---

<div class="post-metadata">

### Author: ![samlittlefair](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/samlittlefair/32/696_2.png) [@samlittlefair](https://community.prismic.io/u/samlittlefair)
#### Post date: [August 4, 2021, 4:28pm UTC](https://community.prismic.io/t/storybook-error-moduleparseerror-module-parse-failed-unexpected-token/6209/17 "2021-08-04T16:28:32Z")

</div>

@kris That's great to hear! I don't know where those slashes are from. I'll suggest that the dev team investigate a little further.

Let me know if you have any other questions.

Sam

---

<div class="post-metadata">

### Author: ![kris](https://avatars.discourse-cdn.com/v4/letter/k/82dd89/32.png) [@kris](https://community.prismic.io/u/kris)
#### Post date: [August 4, 2021, 4:32pm UTC](https://community.prismic.io/t/storybook-error-moduleparseerror-module-parse-failed-unexpected-token/6209/18 "2021-08-04T16:32:07Z")

</div>

Great, many thanks for the help Sam!

---

<div class="post-metadata">

### Author: ![system](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/system/32/1746_2.png) [@system](https://community.prismic.io/u/system)
#### Post date: [August 5, 2021, 4:32pm UTC](https://community.prismic.io/t/storybook-error-moduleparseerror-module-parse-failed-unexpected-token/6209/19 "2021-08-05T16:32:14Z")

</div>

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.

---

<div class="post-metadata">

### Author: ![system](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/system/32/1746_2.png) [@system](https://community.prismic.io/u/system)
#### Post date: [December 9, 2021, 5:52pm UTC](https://community.prismic.io/t/storybook-error-moduleparseerror-module-parse-failed-unexpected-token/6209/20 "2021-12-09T17:52:17Z")

</div>