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

Dashboard: Must have webpack config with stylable webpack plugin #1054

Open
YardenPorat opened this issue Dec 7, 2021 · 1 comment
Open
Assignees

Comments

@YardenPorat
Copy link
Contributor

Project must have a webpack config, with stylable webpack plugin.
This is for an app that doesn't contain React.

adding stylable webpack plugin into webpack.config.js solves this.

This is undocumented nor does it appear in the examples.

yarn run v1.22.15
$ engineer start
Analyzing Features: 31.149ms
ERROR in ./node_modules/@wixc3/engine-dashboard/dist/components/actions-container.st.css 2:0
Module parse failed: Unexpected token (2:0)
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
| /* st-namespace-reference="../../src/components/actions-container.st.css" */
> .actionsContainer {
|     display: flex;
|     align-items: center;

ERROR in ./node_modules/@wixc3/engine-dashboard/dist/components/app.st.css 2:0
Module parse failed: Unexpected token (2:0)
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
| /* st-namespace-reference="../../src/components/app.st.css" */
> .root {
|     height: 100vh;
| }

ERROR in ./node_modules/@wixc3/engine-dashboard/dist/components/dashboard.st.css 2:0
Module parse failed: Unexpected token (2:0)
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
| /* st-namespace-reference="../../src/components/dashboard.st.css" */
> .root {
|     font-family: Helvetica, sans-serif;
|     display: flex;

ERROR in ./node_modules/@wixc3/engine-dashboard/dist/components/feature-graph.st.css 2:0
Module parse failed: Unexpected token (2:0)
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
| /* st-namespace-reference="../../src/components/feature-graph.st.css" */
> .link {
|     fill: none;
|     stroke: #999;

ERROR in ./node_modules/@wixc3/engine-dashboard/dist/components/feature-selection.st.css 2:0
Module parse failed: Unexpected token (2:0)
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
| /* st-namespace-reference="../../src/components/feature-selection.st.css" */
> .root {
|     display: flex;
|     justify-content: space-around;

ERROR in ./node_modules/@wixc3/engine-dashboard/dist/components/reset.st.css 2:0
Module parse failed: Unexpected token (2:0)
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
| /* st-namespace-reference="../../src/components/reset.st.css" */
> :global(*),
| :global(::before),
| :global(::after) {

ERROR in ./node_modules/@wixc3/engine-dashboard/dist/components/runtime-option.st.css 2:0
Module parse failed: Unexpected token (2:0)
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
| /* st-namespace-reference="../../src/components/runtime-option.st.css" */
> .root {
|     display: flex;
|     justify-content: space-around;

ERROR in ./node_modules/@wixc3/engine-dashboard/dist/components/runtime-options-container.st.css 2:0
Module parse failed: Unexpected token (2:0)
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
| /* st-namespace-reference="../../src/components/runtime-options-container.st.css" */
> .root {
|     display: flex;
|     justify-content: space-around;

ERROR in ./node_modules/@wixc3/engine-dashboard/dist/components/titled-element.st.css 2:0
Module parse failed: Unexpected token (2:0)
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
| /* st-namespace-reference="../../src/components/titled-element.st.css" */
> .root {
|     display: flex;
|     flex-direction: column;

ERROR in ./node_modules/@wixc3/engine-dashboard/dist/components/toggle.st.css 2:0
Module parse failed: Unexpected token (2:0)
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
| /* st-namespace-reference="../../src/components/toggle.st.css" */
> .root {
|     -st-states: toggled;
|     width: 50px;

webpack compiled with 10 errors
Dashboard Listening:
Dashboard URL: http://localhost:3000/dashboard
@AviVahl
Copy link
Contributor

AviVahl commented Dec 7, 2021

It's an unwanted result of us building the dashboard again and again instead of once at our own build time.
We should not require any special plugins/loaders from user.

@thehulke thehulke self-assigned this May 22, 2022
@thehulke thehulke changed the title Docs: Must have webpack config with stylable webpack plugin Dashboard: Must have webpack config with stylable webpack plugin Jul 21, 2022
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

3 participants