ProseMirror on Windows (10)

I’ve followed the steps at: https://www.npmjs.com/package/prosemirror and get “File not found. :(” in the Browser. I’m using Windows 10. Should it work on Windows?

“File not found” doesn’t sound like a windows issue. It’d help a lot if you mentioned at what point you get that error.

Sorry. When I open http://localhost:8080/ in the Browser it displays “File not found. :(”.

The Chrome Debugger console shows: “Failed to load resource: the server responded with a status of 404 (Not Found)”

So it would appear the server is running as I assume that’s what has returned “File not found. :(”

The smiley is part of the error message? I’ve never seen that before. If you’re in Chrome, can you leave devtools open and refresh? Sometimes, if this is a missing required file, it shows which actual file it was looking for then.

@marijn Devtools console is blank. Network Tab just shows localhost with a 404 error.

The web page html is: <html><head></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">File not found. :(</pre></body></html>

And the Windows Console output is:

> npm run demo

> prosemirror@0.10.1 demo c:\webapps\play\node_modules\prosemirror > moduleserve demo

Okay, you’re probably not actually looking at the ProseMirror demo server then. Does your location bar say localhost:8080 ? Did the demo complain about its port being in use when you started it?

@marijn Yes the location bar is: http://localhost:8080/ No complaints about the port being in use. I included the Windows Console output in my previous reply. I just killed the demo and started it again and nothing is different.

This is a copy of the install, build, run output which I just did:

c:\webapps\play\node_modules\prosemirror>npm install

> prosemirror@0.10.1 prepublish c:\webapps\play\node_modules\prosemirror > rimraf dist && babel -d dist src

src\collab\index.js -> dist\collab\index.js src\collab\rebase.js -> dist\collab\rebase.js src\edit\capturekeys.js -> dist\edit\capturekeys.js src\edit\char.js -> dist\edit\char.js src\edit\commands.js -> dist\edit\commands.js src\edit\css.js -> dist\edit\css.js src\edit\domchange.js -> dist\edit\domchange.js src\edit\dompos.js -> dist\edit\dompos.js src\edit\draw.js -> dist\edit\draw.js src\edit\history.js -> dist\edit\history.js src\edit\index.js -> dist\edit\index.js src\edit\input.js -> dist\edit\input.js src\edit\keymap.js -> dist\edit\keymap.js src\edit\main.js -> dist\edit\main.js src\edit\options.js -> dist\edit\options.js src\edit\plugin.js -> dist\edit\plugin.js src\edit\range.js -> dist\edit\range.js src\edit\selection.js -> dist\edit\selection.js src\edit\transform.js -> dist\edit\transform.js src\edit\update.js -> dist\edit\update.js src\example-setup\index.js -> dist\example-setup\index.js src\example-setup\keymap.js -> dist\example-setup\keymap.js src\example-setup\menu.js -> dist\example-setup\menu.js src\example-setup\style.js -> dist\example-setup\style.js src\inputrules\index.js -> dist\inputrules\index.js src\inputrules\inputrules.js -> dist\inputrules\inputrules.js src\inputrules\rules.js -> dist\inputrules\rules.js src\inputrules\util.js -> dist\inputrules\util.js src\markdown\from_markdown.js -> dist\markdown\from_markdown.js src\markdown\index.js -> dist\markdown\index.js src\markdown\to_markdown.js -> dist\markdown\to_markdown.js src\menu\icons.js -> dist\menu\icons.js src\menu\index.js -> dist\menu\index.js src\menu\menu.js -> dist\menu\menu.js src\menu\menubar.js -> dist\menu\menubar.js src\menu\tooltipmenu.js -> dist\menu\tooltipmenu.js src\model\content.js -> dist\model\content.js src\model\diff.js -> dist\model\diff.js src\model\fragment.js -> dist\model\fragment.js src\model\from_dom.js -> dist\model\from_dom.js src\model\index.js -> dist\model\index.js src\model\mark.js -> dist\model\mark.js src\model\node.js -> dist\model\node.js src\model\replace.js -> dist\model\replace.js src\model\resolvedpos.js -> dist\model\resolvedpos.js src\model\schema.js -> dist\model\schema.js src\model\to_dom.js -> dist\model\to_dom.js src\schema-basic\index.js -> dist\schema-basic\index.js src\schema-table\index.js -> dist\schema-table\index.js src\test\all.js -> dist\test\all.js src\test\browser\all.js -> dist\test\browser\all.js src\test\browser\def.js -> dist\test\browser\def.js src\test\browser\test-collab.js -> dist\test\browser\test-collab.js src\test\browser\test-command.js -> dist\test\browser\test-command.js src\test\browser\test-domchange.js -> dist\test\browser\test-domchange.js src\test\browser\test-draw.js -> dist\test\browser\test-draw.js src\test\browser\test-history.js -> dist\test\browser\test-history.js src\test\browser\test-keymaps.js -> dist\test\browser\test-keymaps.js src\test\browser\test-keys.js -> dist\test\browser\test-keys.js src\test\browser\test-node-selection.js -> dist\test\browser\test-node-selection.js src\test\browser\test-ranges.js -> dist\test\browser\test-ranges.js src\test\browser\test-selection.js -> dist\test\browser\test-selection.js src\test\build.js -> dist\test\build.js src\test\cmp.js -> dist\test\cmp.js src\test\failure.js -> dist\test\failure.js src\test\run.js -> dist\test\run.js src\test\test-content.js -> dist\test\test-content.js src\test\test-diff.js -> dist\test\test-diff.js src\test\test-dom.js -> dist\test\test-dom.js src\test\test-json.js -> dist\test\test-json.js src\test\test-mark.js -> dist\test\test-mark.js src\test\test-node.js -> dist\test\test-node.js src\test\test-parse.js -> dist\test\test-parse.js src\test\test-rebase.js -> dist\test\test-rebase.js src\test\test-replace.js -> dist\test\test-replace.js src\test\test-resolve.js -> dist\test\test-resolve.js src\test\test-slice.js -> dist\test\test-slice.js src\test\test-structure.js -> dist\test\test-structure.js src\test\test-trans.js -> dist\test\test-trans.js src\test\tests.js -> dist\test\tests.js src\test\trans.js -> dist\test\trans.js src\transform\index.js -> dist\transform\index.js src\transform\map.js -> dist\transform\map.js src\transform\mark.js -> dist\transform\mark.js src\transform\mark_step.js -> dist\transform\mark_step.js src\transform\replace.js -> dist\transform\replace.js src\transform\replace_step.js -> dist\transform\replace_step.js src\transform\step.js -> dist\transform\step.js src\transform\structure.js -> dist\transform\structure.js src\transform\transform.js -> dist\transform\transform.js src\ui\index.js -> dist\ui\index.js src\ui\prompt.js -> dist\ui\prompt.js src\ui\tooltip.js -> dist\ui\tooltip.js src\util\browser.js -> dist\util\browser.js src\util\comparedeep.js -> dist\util\comparedeep.js src\util\dom.js -> dist\util\dom.js src\util\error.js -> dist\util\error.js src\util\map.js -> dist\util\map.js src\util\obj.js -> dist\util\obj.js src\util\orderedmap.js -> dist\util\orderedmap.js

c:\webapps\play\node_modules\prosemirror>npm run dist

> prosemirror@0.10.1 dist c:\webapps\play\node_modules\prosemirror > babel -d dist src

src\collab\index.js -> dist\collab\index.js src\collab\rebase.js -> dist\collab\rebase.js src\edit\capturekeys.js -> dist\edit\capturekeys.js src\edit\char.js -> dist\edit\char.js src\edit\commands.js -> dist\edit\commands.js src\edit\css.js -> dist\edit\css.js src\edit\domchange.js -> dist\edit\domchange.js src\edit\dompos.js -> dist\edit\dompos.js src\edit\draw.js -> dist\edit\draw.js src\edit\history.js -> dist\edit\history.js src\edit\index.js -> dist\edit\index.js src\edit\input.js -> dist\edit\input.js src\edit\keymap.js -> dist\edit\keymap.js src\edit\main.js -> dist\edit\main.js src\edit\options.js -> dist\edit\options.js src\edit\plugin.js -> dist\edit\plugin.js src\edit\range.js -> dist\edit\range.js src\edit\selection.js -> dist\edit\selection.js src\edit\transform.js -> dist\edit\transform.js src\edit\update.js -> dist\edit\update.js src\example-setup\index.js -> dist\example-setup\index.js src\example-setup\keymap.js -> dist\example-setup\keymap.js src\example-setup\menu.js -> dist\example-setup\menu.js src\example-setup\style.js -> dist\example-setup\style.js src\inputrules\index.js -> dist\inputrules\index.js src\inputrules\inputrules.js -> dist\inputrules\inputrules.js src\inputrules\rules.js -> dist\inputrules\rules.js src\inputrules\util.js -> dist\inputrules\util.js src\markdown\from_markdown.js -> dist\markdown\from_markdown.js src\markdown\index.js -> dist\markdown\index.js src\markdown\to_markdown.js -> dist\markdown\to_markdown.js src\menu\icons.js -> dist\menu\icons.js src\menu\index.js -> dist\menu\index.js src\menu\menu.js -> dist\menu\menu.js src\menu\menubar.js -> dist\menu\menubar.js src\menu\tooltipmenu.js -> dist\menu\tooltipmenu.js src\model\content.js -> dist\model\content.js src\model\diff.js -> dist\model\diff.js src\model\fragment.js -> dist\model\fragment.js src\model\from_dom.js -> dist\model\from_dom.js src\model\index.js -> dist\model\index.js src\model\mark.js -> dist\model\mark.js src\model\node.js -> dist\model\node.js src\model\replace.js -> dist\model\replace.js src\model\resolvedpos.js -> dist\model\resolvedpos.js src\model\schema.js -> dist\model\schema.js src\model\to_dom.js -> dist\model\to_dom.js src\schema-basic\index.js -> dist\schema-basic\index.js src\schema-table\index.js -> dist\schema-table\index.js src\test\all.js -> dist\test\all.js src\test\browser\all.js -> dist\test\browser\all.js src\test\browser\def.js -> dist\test\browser\def.js src\test\browser\test-collab.js -> dist\test\browser\test-collab.js src\test\browser\test-command.js -> dist\test\browser\test-command.js src\test\browser\test-domchange.js -> dist\test\browser\test-domchange.js src\test\browser\test-draw.js -> dist\test\browser\test-draw.js src\test\browser\test-history.js -> dist\test\browser\test-history.js src\test\browser\test-keymaps.js -> dist\test\browser\test-keymaps.js src\test\browser\test-keys.js -> dist\test\browser\test-keys.js src\test\browser\test-node-selection.js -> dist\test\browser\test-node-selection.js src\test\browser\test-ranges.js -> dist\test\browser\test-ranges.js src\test\browser\test-selection.js -> dist\test\browser\test-selection.js src\test\build.js -> dist\test\build.js src\test\cmp.js -> dist\test\cmp.js src\test\failure.js -> dist\test\failure.js src\test\run.js -> dist\test\run.js src\test\test-content.js -> dist\test\test-content.js src\test\test-diff.js -> dist\test\test-diff.js src\test\test-dom.js -> dist\test\test-dom.js src\test\test-json.js -> dist\test\test-json.js src\test\test-mark.js -> dist\test\test-mark.js src\test\test-node.js -> dist\test\test-node.js src\test\test-parse.js -> dist\test\test-parse.js src\test\test-rebase.js -> dist\test\test-rebase.js src\test\test-replace.js -> dist\test\test-replace.js src\test\test-resolve.js -> dist\test\test-resolve.js src\test\test-slice.js -> dist\test\test-slice.js src\test\test-structure.js -> dist\test\test-structure.js src\test\test-trans.js -> dist\test\test-trans.js src\test\tests.js -> dist\test\tests.js src\test\trans.js -> dist\test\trans.js src\transform\index.js -> dist\transform\index.js src\transform\map.js -> dist\transform\map.js src\transform\mark.js -> dist\transform\mark.js src\transform\mark_step.js -> dist\transform\mark_step.js src\transform\replace.js -> dist\transform\replace.js src\transform\replace_step.js -> dist\transform\replace_step.js src\transform\step.js -> dist\transform\step.js src\transform\structure.js -> dist\transform\structure.js src\transform\transform.js -> dist\transform\transform.js src\ui\index.js -> dist\ui\index.js src\ui\prompt.js -> dist\ui\prompt.js src\ui\tooltip.js -> dist\ui\tooltip.js src\util\browser.js -> dist\util\browser.js src\util\comparedeep.js -> dist\util\comparedeep.js src\util\dom.js -> dist\util\dom.js src\util\error.js -> dist\util\error.js src\util\map.js -> dist\util\map.js src\util\obj.js -> dist\util\obj.js src\util\orderedmap.js -> dist\util\orderedmap.js

c:\webapps\play\node_modules\prosemirror>npm run demo

> prosemirror@0.10.1 demo c:\webapps\play\node_modules\prosemirror > moduleserve demo

On closer look the ‘file not found :(’ message is coming from the static file server component that I’m using, so you are talking to the proper server. I guess it’s not configuring the root directly correctly, though looking at the code, I can’t spot anything that looks like it wouldn’t work on Windows.

@marijn I’m good at breaking things :slight_smile: I found a serious issue in another JS library yesterday.

It sounds like you don’t have a Windows setup to test on.

I have a VM, but I don’t have a dev environment set up on it, and it’s slow, so I’m somewhat lazy about Windows testing

Is there a compiled build file + css files that I can simply load in a Web page to try?

There’s prosemirror-prebuilt on NPM, but that only exists for 0.11.0 and 0.12.0 (you appear to be working with 0.10 at the moment), and it doesn’t include the CSS files or come with a working demo file yet. (Sorry, this project is still quite unstable.)