elementui源碼解讀-問題8 Render里渲染用標籤直接賦值變量時產生Module parse failed: Unexpected token (44:6)

素颜马尾好姑娘i 2022-12-28 12:55 140阅读 0赞

Module parse failed: Unexpected token (44:6)  
File was processed with these loaders:  
 \* ./node\_modules/vue-loader/lib/index.js  
You may need an additional loader to handle the result of these loaders.  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvc2VkZ3Vlc3Q_size_16_color_FFFFFF_t_70][]

Vue項目在Render函數里直接渲染時,

直接採用(<標籤></標籤>)模式的賦值時,產生錯誤, Module Parse failed,意思就是cli3腳手架無法解析這種格式,需要通過 babel-loader 模塊解析

解決方案

1首選查看下package.json里是否有安裝

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvc2VkZ3Vlc3Q_size_16_color_FFFFFF_t_70 1][]

2.看下打包文件里babel-loader解析的目錄,之前只有include: \[resolve('src'), resolve('test'), resolve('node\_modules/webpack-dev-server/client')\]

我使用的vue項目在src同級的packages文件夾下,加了resolve('packages')就好了

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvc2VkZ3Vlc3Q_size_16_color_FFFFFF_t_70 2][]

![20201217140705937.png][]

參考[https://github.com/ElemeFE/element/issues/14379][https_github.com_ElemeFE_element_issues_14379]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvc2VkZ3Vlc3Q_size_16_color_FFFFFF_t_70]: /images/20221120/9cab9f4c4e874f3badf72ec3c41cbd49.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvc2VkZ3Vlc3Q_size_16_color_FFFFFF_t_70 1]: /images/20221120/6626004a62cd489da4fcc438cf485e71.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvc2VkZ3Vlc3Q_size_16_color_FFFFFF_t_70 2]: /images/20221120/7c1d70a336be4d79b2d82996f1abf3ea.png
[20201217140705937.png]: /images/20221120/34b674266aa7417384610e8e2ffb5e30.png
[https_github.com_ElemeFE_element_issues_14379]: https://github.com/ElemeFE/element/issues/14379