Ionic serve: Resource blocked due to MIME type mismatch (X-Content-Type-Options: nosniff)

Hello,

I am despairing why I get errors like the resource is blocked due to MIME type mismatch (X-Content-Type-Options: nosniff) for following files

http://localhost:8100/build/main.css
http://localhost:8100/build/main.js

I take a look at the build folder and these files are missing there.

Here is my package.json

{
  "name": "MyApp"
  "config": {
    "ionic_rollup": "src/config/rollup.config.js"
  },
  "scripts": {
    "build": "ionic-app-scripts build",
    "watch": "ionic-app-scripts watch",
    "serve:before": "watch",
    "emulate:before": "build",
    "deploy:before": "build",
    "build:before": "build",
    "run:before": "build"
  },
  "dependencies": {
    "@angular/common": "4.3.5",
    "@angular/compiler": "4.3.5",
    "@angular/compiler-cli": "4.3.5",
    "@angular/core": "4.3.5",
    "@angular/forms": "4.3.5",
    "@angular/http": "4.3.5",
    "@angular/platform-browser": "4.3.5",
    "@angular/platform-browser-dynamic": "4.3.5",
    "@angular/platform-server": "4.3.5",
    "@ionic/storage": "2.0.1",
    "@types/lodash": "^4.14.42",
    "angular2-cookie": "^1.2.5",
    "d3-ng2-service": "^1.5.2",
    "ionic-angular": "3.6.0",
    "ionic-native": "2.9.0",
    "ionicons": "3.0.0",
    "lodash": "^4.17.2",
    "ng2-translate": "^5.0.0",
    "polyfills": "^2.1.1",
    "rxjs": "5.4.3",
    "zone.js": "0.8.16"
  },
  "devDependencies": {
    "@angular/tsc-wrapped": "^4.3.6",
    "@ionic/app-scripts": "^2.1.4",
    "rollup-plugin-replace": "^1.1.1",
    "sw-toolbox": "^3.4.0",
    "typescript": "2.4.0"
  },
  "description": To see deep in the sea",
  "cordovaPlugins": [
    "cordova-plugin-device",
    "cordova-plugin-console",
    "cordova-plugin-whitelist",
    "cordova-plugin-splashscreen",
    "cordova-plugin-statusbar",
    "ionic-plugin-keyboard"
  ],
  "cordovaPlatforms": []
}

Any idea?

2 Likes

Hi did you ever get this resolved.

run this project with device