How create build html ?

[zababurinsv]

I have this package.json

  "main": "./dist/index.mjs",
  "source": "./frontend/src/index.mjs",
  "type": "module",
 "scripts": {
    "dev": "parcel $npm_package_config_path_html --port $npm_package_config_port --no-source-maps --dist-dir ./docs ",
    "build:html": "parcel build $npm_package_config_path_html  --no-source-maps --dist-dir ./docs ",
    "build": "parcel build $npm_package_config_path_mjs --no-source-maps --dist-dir ./dist ",
    "kill": "kill $(lsof -t -i:$npm_package_config_initiator)",
    "clean:parcel": "find . -name \".parcel-cache\" -exec rm -rf '{}' +; "
  },
  "devDependencies": {
    "parcel": "2.0.0-rc.0"
  },

This scripts is working.

Not working also build:html

I get this error

🚨 Build failed.

@parcel/namer-default: Target "main" declares an output file path of "dist/index.mjs" which does not match the compiled bundle type "html".

  /home/zb/Desktop/webrtc/frontend/src/modules/connect/package.json:5:11
    4 |   "version": "1.0.1",
  > 5 |   "main": "./dist/index.mjs",
  >   |           ^^^^^^^^^^^^^^^^^^ Did you mean "dist/index.html"?
    6 |   "source": "./frontend/src/index.mjs",
    7 |   "type": "module",

  💡 Try changing the file extension of "main" in package.json.
error Command failed with exit code 1.

But it is script worked if i remove "main": "./dist/index.mjs"

What should I add to the script to make the error go away ?

[DeMoorJasper]

The migration guide on the docs explains why this happens https://parceljs.org/getting-started/migration/#package.json%23main

[zababurinsv]

One more question. I disabled main.

But i can build es6 module
For this I use the line "module": "./dist/index.mjs",

If i disable module in out file i get index.js.

If module working i get error when build html

🚨 Build failed.

@parcel/namer-default: Target "module" declares an output file path of "dist/index.mjs" which does not match the compiled bundle type "html".
error Command failed with exit code 1.

}
 "version": "0.1.0",
  "source": "./frontend/src/index.mjs",
  "module": "./dist/index.mjs",
  "main": "./dist/index.mjs",
  "type": "module",
  "description": "peer to peer connect",
  "license": "GPL-3.0-only",
  "targets": {
    "default": {
      "includeNodeModules": true
    },
    "main": false
  },
  "scripts": {
    "dev": "parcel $npm_package_config_path_html --port $npm_package_config_port --no-source-maps --dist-dir ./docs ",
    "build:html": "parcel build $npm_package_config_path_html  --no-source-maps --dist-dir ./docs ",
    "build": "parcel build $npm_package_config_path_mjs --no-source-maps --dist-dir ./dist ",
    "kill": "kill $(lsof -t -i:$npm_package_config_port)",
    "clean:parcel": "find . -name \".parcel-cache\" -exec rm -rf '{}' +; "
  },
}

[DeMoorJasper]

You can also do "module": false. Ideally you'd let parcel build everything, but disabling targets should work around it for now

[timscodebase]

What was the solution here?

[zababurinsv]

I created package.json.

  "targets": {
    "main": false,
    "dev": {
      "includeNodeModules": true,
      "optimize": false,
      "isLibrary": false,
      "distDir": "service/newkind-service",
      "sourceMap": true,
      "publicUrl": "/newkind-service",
      "source": "./frontend/src/index.html"
    },
    "service": {
      "includeNodeModules": true,
      "optimize": true,
      "isLibrary": false,
      "distDir": "service/newkind-service",
      "sourceMap": false,
      "publicUrl": "/newkind-service",
      "source": "./frontend/src/index.html"
    },
    "module": {
      "includeNodeModules": true,
      "optimize": true,
      "isLibrary": true,
      "sourceMap": false,
      "source": "./frontend/src/index.mjs"
    }
  }

[patlo-git]

I think that note in the Getting Started > Migration docs should also be included in the Getting Started > Web Apps, Production and/or Targets pages. Just so noobs like myself see it asap and don't spend days trying to figure out what's going on. :)

[zababurinsv]

Thank you very match. i had find is this information