Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug]: 7.0.7 console error for Vue component library with Storybook #22299

Closed
nstuyvesant opened this issue Apr 28, 2023 · 4 comments
Closed

Comments

@nstuyvesant
Copy link

nstuyvesant commented Apr 28, 2023

Describe the bug

Here is the error message I am seeing...

[Error] SyntaxError: Unexpected closing tag "div". It may happen when the tag has already been closed by another tag. For more info see https://www.w3.org/TR/html5/syntax.html#closing-elements-that-have-implied-end-tags (39:7) — config.mjs:4:2249

	getTemplates (@storybook_vue3_preview.js:3197)
	sourceDecorator (@storybook_vue3_preview.js:3264:105)
	hookified (runtime.mjs:7:17035)
	(anonymous function) (chunk-EXPRQE6L.js:42)
	(anonymous function) (chunk-EXPRQE6L.js:42)
	hookified (runtime.mjs:7:17035)
	(anonymous function) (chunk-EXPRQE6L.js:42)
	(anonymous function) (chunk-EXPRQE6L.js:42)
	hookified (runtime.mjs:7:17035)
	(anonymous function) (chunk-EXPRQE6L.js:42)
	(anonymous function) (chunk-EXPRQE6L.js:42)
	hookified (runtime.mjs:7:17035)
	(anonymous function) (chunk-EXPRQE6L.js:42)
	(anonymous function) (chunk-EXPRQE6L.js:42)
	hookified (runtime.mjs:7:17035)
	(anonymous function) (chunk-EXPRQE6L.js:42)
	(anonymous function) (runtime.mjs:7:17859)
	renderToCanvas (chunk-EXPRQE6L.js:62)
	(anonymous function) (runtime.mjs:74:10952)
	(anonymous function) (runtime.mjs:74:11021)
	(anonymous function) (runtime.mjs:74:8778)
	runPhase (runtime.mjs:74:8904)
	(anonymous function) (runtime.mjs:74:10879)

The file is @storybook/vue3/dist/config.mjs....

To Reproduce

git clone https://github.com/nstuyvesant/carbon-charts.git
cd carbon-charts
git checkout next
git pull
yarn install
yarn build
cd packages/charts-vue
yarn storybook

System

Environment Info:

  System:
    OS: macOS 13.3.1
    CPU: (10) arm64 Apple M1 Pro
  Binaries:
    Node: 18.16.0 - /opt/homebrew/bin/node
    Yarn: 3.5.0 - /opt/homebrew/bin/yarn
    npm: 9.6.5 - /opt/homebrew/bin/npm
  Browsers:
    Chrome: 112.0.5615.137
    Firefox: 112.0.2
    Safari: 16.4
  npmPackages:
    @storybook/addon-essentials: ^7.0.7 => 7.0.7 
    @storybook/addon-interactions: ^7.0.7 => 7.0.7 
    @storybook/addon-links: ^7.0.7 => 7.0.7 
    @storybook/blocks: ^7.0.7 => 7.0.7 
    @storybook/manager-api: ^7.0.7 => 7.0.7 
    @storybook/react: ^7.0.7 => 7.0.7 
    @storybook/react-vite: ^7.0.7 => 7.0.7 
    @storybook/testing-library: ^0.1.0 => 0.1.0 
    @storybook/theming: ^7.0.7 => 7.0.7

Additional context

No response

@nstuyvesant
Copy link
Author

This issue does not appear on the Angular, HTML, or Svelte storybooks.

@nstuyvesant
Copy link
Author

We are using storiesOf() API.

@shilman shilman added vue3 and removed needs triage labels Apr 28, 2023
@shilman
Copy link
Member

shilman commented Apr 28, 2023

closing as dupe to #21424
which may have been fixed by #22286
any chance you can test in the latest 7.1 alpha?

@shilman shilman closed this as completed Apr 28, 2023
@nstuyvesant
Copy link
Author

Hi @shilman - I was able to try the latest alpha and can confirm it did resolve that particular issue. It also introduced some new errors in the log but it's an alpha.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants