Module parse failed: Unexpected token (473:30) #596

ohardy · 2019-01-21T17:40:48Z

Bug Report

Clean install of last version of docz. When I run docz dev, I got:

./node_modules/docz/dist/index.m.js 473:30
Module parse failed: Unexpected token (473:30)
You may need an appropriate loader to handle this file type.
| async function loadFromImports(path) {
|     // tslint:disable-next-line
>     const { imports } = await import('~imports');
|     const { default: Component$$1, getInitialData } = await imports[path]();
|     const ExportedComponent = props => (createElement(AsyncComponent, Object.assign({}, props, { as: Component$$1 || 'div', getInitialData: getInitialData })));
 @ ./node_modules/docz-theme-default/dist/index.m.js 39:0-72 243:12-16 374:35-39 466:34-45 467:8-12 511:25-29 552:50-54 640:16-27 643:41-45 942:20-24 1024:28-39 1098:16-27 1490:33-44 1601:16-27 1872:16-27 1935:29-40 2029:45-56 2040:25-36 2041:8-18 2073:16-21
 @ ./.docz/app/root.jsx
 @ ./.docz/app/index.jsx
 @ multi ./node_modules/react-dev-utils/webpackHotDevClient.js ./node_modules/@babel/polyfill/lib/index.js ./.docz/app/index.jsx

I can't share a project link.

I check webpack aliases with:

modifyBundlerConfig : (config) => {
    console.log(config.resolve.alias);
    return config;
}),

and ~imports is present.

Thanks in advance

The text was updated successfully, but these errors were encountered:

dfee · 2019-01-22T05:13:51Z

Definitely getting the same issue. I can share my project.

https://github.com/dfee/rbx/

dfee · 2019-01-22T06:45:39Z

I can tell you @pedronauck exactly where the problem is:

The incompatibility lies with an upgrade of webpack@4.28.4 -> webpack@4.29.0.

diff --git b/package-lock.json a/package-lock.json
index f0a5074..054340d 100644
--- b/package-lock.json
+++ a/package-lock.json
@@ -1787,10 +1787,13 @@
       "dev": true
     },
     "acorn-dynamic-import": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/acorn-dynamic-import/-/acorn-dynamic-import-4.0.0.tgz",
-      "integrity": "sha512-d3OEjQV4ROpoflsnUA8HozoIR504TFxNivYEUi6uwz0IYhBkTDXGuWlNdMtybRt3nqVx/L6XqMt0FxkXuWKZhw==",
-      "dev": true
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/acorn-dynamic-import/-/acorn-dynamic-import-3.0.0.tgz",
+      "integrity": "sha512-zVWV8Z8lislJoOKKqdNMOB+s6+XV5WERty8MnKBeFgwA+19XJjJHs2RP5dzM57FftIs+jQnRToLiWazKr6sSWg==",
+      "dev": true,
+      "requires": {
+        "acorn": "^5.0.0"
+      }
     },
     "acorn-globals": {
       "version": "4.3.0",
@@ -16621,17 +16624,17 @@
       "dev": true
     },
     "webpack": {
-      "version": "4.29.0",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-4.29.0.tgz",
-      "integrity": "sha512-pxdGG0keDBtamE1mNvT5zyBdx+7wkh6mh7uzMOo/uRQ/fhsdj5FXkh/j5mapzs060forql1oXqXN9HJGju+y7w==",
+      "version": "4.28.4",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-4.28.4.tgz",
+      "integrity": "sha512-NxjD61WsK/a3JIdwWjtIpimmvE6UrRi3yG54/74Hk9rwNj5FPkA4DJCf1z4ByDWLkvZhTZE+P3C/eh6UD5lDcw==",
       "dev": true,
       "requires": {
         "@webassemblyjs/ast": "1.7.11",
         "@webassemblyjs/helper-module-context": "1.7.11",
         "@webassemblyjs/wasm-edit": "1.7.11",
         "@webassemblyjs/wasm-parser": "1.7.11",
-        "acorn": "^6.0.5",
-        "acorn-dynamic-import": "^4.0.0",
+        "acorn": "^5.6.2",
+        "acorn-dynamic-import": "^3.0.0",
         "ajv": "^6.1.0",
         "ajv-keywords": "^3.1.0",
         "chrome-trace-event": "^1.0.0",
@@ -16652,12 +16655,6 @@
         "webpack-sources": "^1.3.0"
       },
       "dependencies": {
-        "acorn": {
-          "version": "6.0.5",
-          "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.0.5.tgz",
-          "integrity": "sha512-i33Zgp3XWtmZBMNvCr4azvOFeWVw1Rk6p3hfi3LUDvIFraOMywb1kAtrbi+med14m4Xfpqm3zRZMT+c0FNE7kg==",
-          "dev": true
-        },
         "schema-utils": {
           "version": "0.4.7",
           "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-0.4.7.tgz",

lucalanca · 2019-01-22T09:28:02Z

If someone is stuck on this, and following @dfee's hints, this seems to fix it:

npm i -D webpack@4.28.4

pedronauck · 2019-01-22T13:42:46Z

Thanks @dfee, this is already fixed on v0.14 that will be launch. Can I close this issue?

sunkeysun · 2019-01-30T11:47:09Z

npm install docz@latest now default to 0.13.7, please release 0.14 to resolve this problem in latest version.

swyxio · 2019-01-30T20:06:31Z

fyi pedro is currently sick and will get back to this in a few days (i dont speak for him but just relaying the info)

swyxio · 2019-01-30T20:06:33Z

fyi pedro is currently sick and will get back to this in a few days (i dont speak for him but just relaying the info)

wilsson · 2019-02-03T16:38:50Z

If someone is stuck on this, and following @dfee's hints, this seems to fix it:

npm i -D webpack@4.28.4

Thanks, waiting v0.14

lejoe · 2019-02-05T17:50:47Z

+1 here.

mentionned trick works but as it's on our CI that this fails it really hurts to put this hack as a step in the build :(

CyberNika · 2019-02-15T09:16:45Z

when will v0.14 be released?

swyxio · 2019-02-20T19:43:31Z

hi @dfee and everyone here with webpack issues

turns out webpack 4.29 has had some wacky npm dependency issues i dont fully understand. just saw this in an unrelated project i'm helping out on as well: react-static/react-static#1027 (comment)

its a mess. use yarn as much as possible.

davixyz · 2019-02-22T01:37:40Z

We are facing this issue :(

giulianok · 2019-02-28T21:03:33Z

Same here

bichotll · 2019-03-06T10:29:58Z

Same here.
For the record: I actually don't have Webpack installed in my project.

ghost · 2019-03-06T17:36:07Z

@bichotll I think they mean you need to update the version inside node_modules/docz-core. I've been using this cd node_modules/docz-core && npm i -D webpack@4.28.4 && cd .. && cd ..

bichotll · 2019-03-06T17:51:11Z

@mattietea oh! thanks for the heads up! 👍

dkvirus · 2019-03-11T06:17:00Z

npm i -D webpack@4.28.4 is ok. But it can be confusing for the novice. Look forward to releasing 0.14 soon.

timbergus · 2019-03-12T10:47:51Z

Thanks a lot for your help. It looks like everything works with Yarn, and the problem appears only with NPM and the WebPack issue. I have an empty project for testing with only a package.json and using the instructions from @mattietea, I have managed to make docz work, but now I have an error in the browser. I think I will use Yarn until the docz@0.14 update.

davixyz · 2019-03-13T03:53:32Z

@timbergus I had the same issue, it gets solve if you lock buble@0.19.6. I opened an issue around this:
bublejs/buble#189

loopmode · 2019-03-22T08:15:44Z

The webpack@4.28.4 trick doesn't work for me. In my case, I'm getting a bunch of errors for CSS files that are being imported.

Oh, apologies for being such a noob.. It's my first hour of using docz :)
I simply needed docz-plugin-css and all is well, sorry for the confusion!

pedronauck · 2019-03-22T16:32:51Z

Docz is using webpack@4.29.6, this bug keeps showing with this version?

mateuszkocz · 2019-03-24T12:43:39Z

Just got the same problem on a fresh installation. For me, the issue got solved by creating the project again with Yarn. npm installation failed with the error similar to what @ohardy posted.

Reproduction of an error:

npm init -y
npm install -D docz@next docz-theme-default@next
# Add scripts to the package.json from the documentation.
npm run docz:dev

Reproduction of a success:

npm init -y
yarn add docz@next docz-theme-default@next --dev
# Add scripts to the package.json from the documentation.
yarn run docz:dev

Full error:

 ERROR  Failed to compile with 2 errors                                                                       1:39:50 PM

 error  in ./node_modules/docz/dist/index.esm.js

Module parse failed: Unexpected token (15:38)
You may need an appropriate loader to handle this file type.
| import { MDXProvider } from '@mdx-js/tag';
|
> const BasePlayground = loadable(() => import('./chunk.esm2.js'));
| const Playground = props => typeof window !== 'undefined' ? (createElement(Suspense, { fallback: null },
|     createElement(BasePlayground, Object.assign({}, props)))) : null;

 @ ./.docz/app/root.jsx 9:0-59 16:2-15 18:19-23 25:25-31
 @ ./.docz/app/index.jsx
 @ multi ./node_modules/react-dev-utils/webpackHotDevClient.js ./.docz/app/index.jsx

 error  in ./node_modules/docz-theme-default/dist/index.esm.js

Module parse failed: Unexpected token (245:30)
You may need an appropriate loader to handle this file type.
| `;
|
> const CodeMirror = lazy(() => import('./chunk.esm2.js'));
| const getLanguage = (children) => {
|     const defaultLanguage = 'jsx';

 @ ./.docz/app/root.jsx 11:0-39 17:29-34
 @ ./.docz/app/index.jsx
 @ multi ./node_modules/react-dev-utils/webpackHotDevClient.js ./.docz/app/index.jsx

Versions:

docz and docz-theme-default 1.0.0-rc.3
node 11.6.0
npm 6.5.0
yarn 1.12.1

Hope this might help in some way.

Note: reads mdx files, not md. docz-core dependency needs specific webpack version: doczjs/docz#596 (comment) `cd node_modules/docz-core && npm i -D webpack@4.28.4 && cd .. && cd ..` Then run `npm run docz:build`, `npm run docz:dev`. Signed-off-by: Jackie Wijaya <jackie.wijaya@gmail.com>

cupofjoakim · 2019-04-02T12:09:39Z

@pedronauck to answer your question, I'm still having this issue on rc7 with webpack 4.29.6. Npm support is sadly a must for my organization, otherwise the workaround above does work.

pedronauck · 2019-04-04T22:50:36Z

Closed in favor of #704, the answer is there.

oliverjam mentioned this issue Jan 31, 2019

Cannot read property 'length' of undefined at serializeStyles #604

Closed

lederer mentioned this issue Jan 31, 2019

Refresh package-lock.json raster-foundry/blasterjs#130

Merged

7 tasks

swyxio mentioned this issue Jan 31, 2019

Updating webpack to 4.29.0+ breaks the build #613

Closed

swyxio pinned this issue Feb 4, 2019

kilrain mentioned this issue Feb 17, 2019

Feature Request: Reset downshift state when inputValue changes downshift-js/downshift#664

Closed

This was referenced Feb 20, 2019

docz dev fails #651

Closed

Throw error when launch 'npm run docz:dev' #653

Closed

Weakky mentioned this issue Mar 5, 2019

[WIP] Add simple documentation with docz prisma-labs/yoga2#93

Open

1 task

dkvirus mentioned this issue Mar 11, 2019

umi-library 使用npm安装包后运行报错 umijs/umi#2072

Closed

ItsJonQ mentioned this issue Mar 11, 2019

Update Dev Dependencies helpscout/brigade#16

Closed

kserjey mentioned this issue Mar 12, 2019

Duplicate plugin/preset detected #91

Closed

smeijer mentioned this issue Mar 15, 2019

Upgrade emotion and docz dependencies, to be compatible with docz 0.13.7 hydrateio/docz-theme-hydrate#10

Merged

mlshv mentioned this issue Mar 22, 2019

v1.0.0-rc.* Compiled with errors: Module parse failed: Unexpected token #704

Closed

pedronauck added the v1 label Mar 22, 2019

davidtaboas mentioned this issue Mar 26, 2019

Following "Getting Started" guide results in compilation errors #718

Closed

pedronauck closed this as completed Apr 4, 2019

pedronauck unpinned this issue Apr 4, 2019

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Module parse failed: Unexpected token (473:30) #596

Module parse failed: Unexpected token (473:30) #596

ohardy commented Jan 21, 2019 •

edited

dfee commented Jan 22, 2019 •

edited

dfee commented Jan 22, 2019 •

edited

lucalanca commented Jan 22, 2019

pedronauck commented Jan 22, 2019

sunkeysun commented Jan 30, 2019 •

edited

swyxio commented Jan 30, 2019

swyxio commented Jan 30, 2019

wilsson commented Feb 3, 2019 •

edited

lejoe commented Feb 5, 2019

CyberNika commented Feb 15, 2019

swyxio commented Feb 20, 2019

davixyz commented Feb 22, 2019

giulianok commented Feb 28, 2019

bichotll commented Mar 6, 2019 •

edited

ghost commented Mar 6, 2019

bichotll commented Mar 6, 2019

dkvirus commented Mar 11, 2019

timbergus commented Mar 12, 2019

davixyz commented Mar 13, 2019

loopmode commented Mar 22, 2019 •

edited

pedronauck commented Mar 22, 2019

mateuszkocz commented Mar 24, 2019 •

edited

cupofjoakim commented Apr 2, 2019

pedronauck commented Apr 4, 2019

Module parse failed: Unexpected token (473:30) #596

Module parse failed: Unexpected token (473:30) #596

Comments

ohardy commented Jan 21, 2019 • edited

Bug Report

dfee commented Jan 22, 2019 • edited

dfee commented Jan 22, 2019 • edited

lucalanca commented Jan 22, 2019

pedronauck commented Jan 22, 2019

sunkeysun commented Jan 30, 2019 • edited

swyxio commented Jan 30, 2019

swyxio commented Jan 30, 2019

wilsson commented Feb 3, 2019 • edited

lejoe commented Feb 5, 2019

CyberNika commented Feb 15, 2019

swyxio commented Feb 20, 2019

davixyz commented Feb 22, 2019

giulianok commented Feb 28, 2019

bichotll commented Mar 6, 2019 • edited

ghost commented Mar 6, 2019

bichotll commented Mar 6, 2019

dkvirus commented Mar 11, 2019

timbergus commented Mar 12, 2019

davixyz commented Mar 13, 2019

loopmode commented Mar 22, 2019 • edited

pedronauck commented Mar 22, 2019

mateuszkocz commented Mar 24, 2019 • edited

cupofjoakim commented Apr 2, 2019

pedronauck commented Apr 4, 2019

ohardy commented Jan 21, 2019 •

edited

dfee commented Jan 22, 2019 •

edited

dfee commented Jan 22, 2019 •

edited

sunkeysun commented Jan 30, 2019 •

edited

wilsson commented Feb 3, 2019 •

edited

bichotll commented Mar 6, 2019 •

edited

loopmode commented Mar 22, 2019 •

edited

mateuszkocz commented Mar 24, 2019 •

edited