补充：1，import是es6的一个语法标准（浏览器不支持，本质是使用node中的babel将es6转码为es5再执行，import会被转码为require），es6模块不是对象。 2，import是编译时调用，确定模块的依赖关系，输入变量（es6模块不是对象，而是通过export命令指定输出代码，再通过import输入，只加载import中导的方法，其他方法不加载），import具有提升效果，会提升到模块的头部（编译时执行）export和import可以位于模块中的任何位置，但是必须是在模块顶层，如果在其他作用域内，会报错 解决方案：使用import导入图片，然后在使styled-components的地方接受，便能解决。 eg: import logo from './img/logo.png' background-image: url(${logo})
发布评论
评论（1）
补充：1，import是es6的一个语法标准（浏览器不支持，本质是使用node中的babel将es6转码为es5再执行，import会被转码为require），es6模块不是对象。
2，import是编译时调用，确定模块的依赖关系，输入变量（es6模块不是对象，而是通过export命令指定输出代码，再通过import输入，只加载import中导的方法，其他方法不加载），import具有提升效果，会提升到模块的头部（编译时执行）export和import可以位于模块中的任何位置，但是必须是在模块顶层，如果在其他作用域内，会报错
解决方案：使用import导入图片，然后在使styled-components的地方接受，便能解决。
eg:
import logo from './img/logo.png'
background-image: url(${logo})