import vue from vue报错,vue中import from

　　本文主要介绍了vue中import()语法无法传入变量的问题及其解决方法，具有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。

目录

　　 import()语法不能传入变量。import()变量的动态导入无效问题的解决方案。

import()语法不能传入变量

解决办法

　　当必须使用变量时，可以向webpack提供一些信息；通过字符串模板；

　　比如导入(`。/path/$ {myFile } `)，以便。/path会在编译时编译，但运行时会决定要加载的myfile的值，从而实现了懒加载。

　　导入(`。/path/${myFile} `)，

问题

　　可以使用。

　　const cc=()=import(。/aa . vue’)；

　　以下代码报告了一个错误。

　　let name= @/views/aa . vue ；

　　const cc=()=import(name)；

　　或者

　　函数jikj() { return 。/gg . js ；}

　　const cc=()=import(jikj())；

动态引入import()变量失效

　　我们进口的通常用法是

　　导入( @/pages/demo )。然后(item={})

　　但是现在有一个要求必须动态传入，找到传入的变量后无法识别。代码如下所示

　　const modelpath=@/pages/demo

　　导入(模型路径)。然后(item={})

　　因为webpack的当前实现不能完全是动态的，所以可以通过字符串模板向webpack提供一些信息，如下所示

　　const modelpath=/demo

　　导入(`@/pages${modelpath} `)。然后(item={})

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。