webpack issue during run this demo

[Supertramplee]

hi,

i try to run this demo locally, but after start, it shows some error. seems it's related with monaco-editor.. any idea on this?

Compiled with problems:X

ERROR in ./node_modules/monaco-editor/esm/vs/base/browser/ui/actionbar/actionbar.css (./node_modules/css-loader/index.js!./node_modules/css-loader/index.js??ruleSet[1].rules[7].use[0]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/monaco-editor/esm/vs/base/browser/ui/actionbar/actionbar.css)

Module build failed (from ./node_modules/css-loader/index.js):
Unknown word (1:1)

> 1 | exports = module.exports = require("../../../../../../../css-loader/lib/css-base.js")(false);
    | ^
  2 | // imports
  3 | 
  4 | 

ERROR in ./node_modules/monaco-editor/esm/vs/base/browser/ui/aria/aria.css (./node_modules/css-loader/index.js!./node_modules/css-loader/index.js??ruleSet[1].rules[7].use[0]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/monaco-editor/esm/vs/base/browser/ui/aria/aria.css)

Module build failed (from ./node_modules/css-loader/index.js):
Unknown word (1:1)

> 1 | exports = module.exports = require("../../../../../../../css-loader/lib/css-base.js")(false);
    | ^
  2 | // imports
  3 | 
  4 | 

ERROR in ./node_modules/monaco-editor/esm/vs/base/browser/ui/button/button.css (./node_modules/css-loader/index.js!./node_modules/css-loader/index.js??ruleSet[1].rules[7].use[0]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/monaco-editor/esm/vs/base/browser/ui/button/button.css)

Module build failed (from ./node_modules/css-loader/index.js):
Unknown word (1:1)

> 1 | exports = module.exports = require("../../../../../../../css-loader/lib/css-base.js")(false);
    | ^
  2 | // imports
  3 | 
  4 | 

ERROR in ./node_modules/monaco-editor/esm/vs/base/browser/ui/checkbox/checkbox.css (./node_modules/css-loader/index.js!./node_modules/css-loader/index.js??ruleSet[1].rules[7].use[0]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/monaco-editor/esm/vs/base/browser/ui/checkbox/checkbox.css)

Module build failed (from ./node_modules/css-loader/index.js):
Unknown word (1:1)

> 1 | exports = module.exports = require("../../../../../../../css-loader/lib/css-base.js")(false);
    | ^
  2 | // imports
  3 | 
  4 | 

ERROR in ./node_modules/monaco-editor/esm/vs/base/browser/ui/codicons/codicon/codicon-modifiers.css (./node_modules/css-loader/index.js!./node_modules/css-loader/index.js??ruleSet[1].rules[7].use[0]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./node_modules/monaco-editor/esm/vs/base/browser/ui/codicons/codicon/codicon-modifiers.css)

Module build failed (from ./node_modules/css-loader/index.js):
Unknown word (1:1)

> 1 | exports = module.exports = require("../../../../../../../../css-loader/lib/css-base.js")(false);
    | ^
  2 | // imports
  3 | 
  4 | 

..........................

[sc1f]

Thanks for the report - this looks like a Webpack or CSS-Loader error, which I can't seem to reproduce on my end. I just re-cloned the repo, ran yarn and yarn build and this was the output:

I'd check if the versions of Webpack and css-loader in node_modules are the correct versions as specified in package.json. Let me know if that helps!