I have created a new plugin project using the aurelia-cli with the default typescript setup. This builds and runs correctly.
I need to create a custom element within the dev-app (ie, it’s not part of the finished product, I just need it to make developing the actual component easier).
I created a custom element (in the dev-app folder) the usual way and tried to
<require> it within the dev app.
When I run the dev app I get the following error:
The resource from “http://localhost:9001/dev-app/components/self-contained-custom-element/self-contained-custom-element.js” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff)
When I try to access the url directly it gives a 404.
I’ve checked that there are no typos in the path. There are no changes to the skeleteon app other than having added my custom element to dev-app.
I suspect the issue might be one of the following:
- I’m used to developing using webpack. Perhaps I’m missing some extra / different step that is required for the aurelia bundler when requiring an element.
Any assistance would be much appreciated.
Edit: Fixed markdown formatting