It seems like a really semantic issue but a module error is thrown if not followed: According to the [Webpack Docs](https://webpack.js.org/guides/package-exports/#conditional-syntax), the "default" key should be the last item in an `exports` field. See the details below to replicate and correct the error. package.json ``` { "dependencies": { "framework7": "^7.0.6" }, "devDependencies": { "webpack": "^5.73.0", "webpack-cli": "^4.10.0" } } ``` webpack.config.js ``` const path = require('path'); module.exports = { mode: 'production', entry: './src/index.js', output: { filename: 'main.js', path: path.resolve(__dirname, 'dist'), } }; ``` src/index.js ``` import Framework7 from 'framework7/bundle'; var app = new Framework7({/*...*/}); ``` console output ``` C:\framework7>npx webpack --config webpack.config.js assets by status 259 bytes [cached] 1 asset ./src/index.js 81 bytes [built] [code generated] ERROR in ./src/index.js 1:0-43 Module not found: Error: Default condition should be last one webpack 5.73.0 compiled with 1 error in 299 ms ``` To correct this error the "default" keys should be moved to below the "types" keys in **package.json**: 
