framework7io / framework7

Full featured HTML framework for building iOS & Android apps
http://framework7.io
MIT License
18.06k stars 3.23k forks source link

framework7-react@7 parcel bundler compatibility regression from framework7-react@6 #4124

Closed andrewvmail closed 1 year ago

andrewvmail commented 1 year ago

command below create a basic project

mkdir tt
cd tt
npm init -y
npm install framework7@7 framework7-react@7 react@18.2.0 parcel@2.8.2

cat <<EOT >> index.html
<script type="module"> 
import react from "react"; 
import framework7 from "framework7"; 
import Framework7React from "framework7-react"; 
console.log({react, Framework7React, framework7}); 
</script>
EOT

./node_modules/parcel/lib/bin.js index.html

above outputs

tt % ./node_modules/parcel/lib/bin.js index.html
Server running at http://localhost:1234
🚨 Build failed.

@parcel/core: Failed to resolve 'framework7-react' from './index.html'

  /Users/momo/projects/tt/index.html:3:33
    2 |   import framework7 from "framework7"
  > 3 |   import Framework7React from "framework7-react"
  >   |                                  ^^^^^^^^^^^^^^^^
    4 |
    5 |

then switching to v6 of f7

npm install framework7@6 framework7-react@6
./node_modules/parcel/lib/bin.js index.html

v6 built successfully

tt % ./node_modules/parcel/lib/bin.js index.html
Server running at http://localhost:1234
✨ Built in 882ms
andrewvmail commented 1 year ago

import framework7-react like this builds fine

import Framework7 from "framework7/framework7.esm.js";
import Framework7React from "framework7-react/shared/plugin.js";