Closed zhouzyc closed 2 years ago
1.编译时提示 postcss cssModules 未安装 忽略; +1
compiler: {
type: 'webpack5',
prebundle: {
enable: true,
exclude: ['@vh-mobile/pro-components', '@vh-mobile/pro-services', '@vh-mobile/pro-utils']
},
}
- 依赖预编译使用 esbuild 编译依赖,会导致部分 cjs 模块引入问题,该项目中需要将 vh-mobile 排除依赖预编译,配置如下: 非常感谢,我还想请问下 vh-mobile 这个库中的cjs具体错误信息是什么,vh-mobile是自己写的我想可以自己继续修改vh-mobile打包方式
- cssModules 可以忽略,下个版本会去掉该提示
- 使用依赖预编译时,chunkFilename 不支持 [hash]、[chunkhash] 这一类的占位符
- 依赖预编译使用 esbuild 编译依赖,会导致部分 cjs 模块引入问题,该项目中需要将 vh-mobile 排除依赖预编译,配置如下:
compiler: { type: 'webpack5', prebundle: { enable: true, exclude: ['@vh-mobile/pro-components', '@vh-mobile/pro-services', '@vh-mobile/pro-utils'] }, }
在根据你的指引下成功启动项目后有发现两个疑问:
1.在我的taro3.4配置中:
{ designWidth: 750, deviceRatio: { 640: 2.34 / 2, 750: 1, 828: 1.81 / 2, }
在3.5中编译后明显大了许多,后将designWidth: 750修改为designWidth: 828就和以前大小相同
2.编译完成后浏览器直接启动打开页面成功,然后刷新页面页面报错: 只有域名后面有路径刷新页面就会错误:xxxx/pages/index/index
1.在我的taro3.4配置中:
{ designWidth: 750, deviceRatio: { 640: 2.34 / 2, 750: 1, 828: 1.81 / 2, }
在3.5中编译后明显大了许多,后将designWidth: 750修改为designWidth: 828就和以前大小相同
这是个 breaking,把 h5 修改为 640 会和以前版本一致,因为旧版本不接受 deviceRatio 参数,默认使用 640 对应的 deviceRatio
2.编译完成后浏览器直接启动打开页面成功,然后刷新页面页面报错
这个问题已经修复,随下一个版本释出
1.在我的taro3.4配置中:
{ designWidth: 750, deviceRatio: { 640: 2.34 / 2, 750: 1, 828: 1.81 / 2, }
在3.5中编译后明显大了许多,后将designWidth: 750修改为designWidth: 828就和以前大小相同这是个 breaking,把 h5 修改为 640 会和以前版本一致,因为旧版本不接受 deviceRatio 参数,默认使用 640 对应的 deviceRatio
2.编译完成后浏览器直接启动打开页面成功,然后刷新页面页面报错
这个问题已经修复,随下一个版本释出
计划什么时候发?@ZakaryCode
prebundle: { enable: true, exclude: ['@vh-mobile/pro-components', '@vh-mobile/pro-services', '@vh-mobile/pro-utils'] }, 这个配置可以解决,Taro官方居然不在文档里面提及一下,折腾一天
👀
相关平台
H5
复现仓库
https://gitee.com/JS-VeryHappy/vh-mobile-demo 浏览器版本: Chrome 使用框架: React
复现步骤
yarn dev:h5
期望结果
正常启动
实际结果
1.编译时提示 postcss cssModules 未安装 忽略; 2.启动后页面报错: Uncaught SyntaxError: Unexpected token '<' (at vendors-node_modules_taro_h5_prebundle_chunk-OZVEFK23_js.undefined.js:1:1) vendors-node_modules_taro_h5_prebundle_chunk-TERMVMJC_js.undefined.js:1 Uncaught SyntaxError: Unexpected token '<' (at vendors-node_modules_taro_h5_prebundle_chunk-TERMVMJC_js.undefined.js:1:1) vendors-node_modules_taro_h5_prebundle_tarojs_taro_js.undefined.js:1 Uncaught SyntaxError: Unexpected token '<' (at vendors-node_modules_taro_h5_prebundle_tarojs_taro_js.undefined.js:1:1) node_modules_taro_h5_prebundle_sync_recursive-_43132.undefined.js:1 Uncaught SyntaxError: Unexpected token '<' (at node_modules_taro_h5_prebundle_sync_recursive-_43132.undefined.js:1:1) vendors-node_modules_taro_h5_prebundle_chunk-CPFBKUKM_js.undefined.js:1 Uncaught SyntaxError: Unexpected token '<' (at vendors-node_modules_taro_h5_prebundle_chunk-CPFBKUKM_js.undefined.js:1:1) node_modules_taro_h5_prebundle_tarojs_router_js.undefined.js:1 Uncaught SyntaxError: Unexpected token '<' (at node_modules_taro_h5_prebundle_tarojs_router_js.undefined.js:1:1) vendors-node_modules_taro_h5_prebundle_chunk-RYVSBNCH_js.undefined.js:1 Uncaught SyntaxError: Unexpected token '<' (at vendors-node_modules_taro_h5_prebundle_chunk-RYVSBNCH_js.undefined.js:1:1) node_modules_taro_h5_prebundle_react_js-node_modules_taro_h5_prebundle_sync_recursive.undefined.js:1 Uncaught SyntaxError: Unexpected token '<' (at node_modules_taro_h5_prebundle_react_js-node_modules_taro_h5_prebundle_sync_recursive.undefined.js:1:1) vendors-node_modules_taro_h5_prebundle_chunk-JAXWQEGA_js.undefined.js:1 Uncaught SyntaxError: Unexpected token '<' (at vendors-node_modules_taro_h5_prebundle_chunk-JAXWQEGA_js.undefined.js:1:1) node_modules_taro_h5_prebundle_sync_recursive-_43133.undefined.js:1 Uncaught SyntaxError: Unexpected token '<' (at node_modules_taro_h5_prebundle_sync_recursive-_43133.undefined.js:1:1) vendors-node_modules_taro_h5_prebundle_recoil_js.undefined.js:1 Uncaught SyntaxError: Unexpected token '<' (at vendors-node_modules_taro_h5_prebundle_recoil_js.undefined.js:1:1) vendors-node_modules_taro_h5_prebundle_chunk-BPKV4WSY_js.undefined.js:1 Uncaught SyntaxError: Unexpected token '<' (at vendors-node_modules_taro_h5_prebundle_chunk-BPKV4WSY_js.undefined.js:1:1) vendors-node_modules_taro_h5_prebundle_chunk-JK5NMFC3_js.undefined.js:1 Uncaught SyntaxError: Unexpected token '<' (at vendors-node_modules_taro_h5_prebundle_chunk-JK5NMFC3_js.undefined.js:1:1) vendors-node_modules_taro_h5_prebundle_chunk-4E2JE7BB_js.undefined.js:1 Uncaught SyntaxError: Unexpected token '<' (at vendors-node_modules_taro_h5_prebundle_chunk-4E2JE7BB_js.undefined.js:1:1) jsonp chunk loading:27 Uncaught (in promise) ChunkLoadError: Loading chunk vendors-node_modules_taro_h5_prebundle_chunk-OZVEFK23_js failed.
环境信息