导入带有reactjs的Css显示错误“未关闭的字符串”
导入带有reactjs的Css显示错误“未关闭的字符串”
提问于 2018-03-28 16:30:10
我对reactjs比较陌生，我是从create-react-app开始构建的。我似乎不能导入我的css，错误日志告诉我它是一个未闭合的字符串，但我看不出它是如何解开的。我看不出哪里出错了。
import React, { Component } from 'react';
import NavBar from './components/navbar';
import './css/style.css';
class App extends Component {
render() {
return (
<div className="App">
<NavBar />
</div>
);
}
}
export default App;
./src/css/style.css
Module build failed: Syntax Error
(1298:43) Unclosed string
1296 |
1297 | .floor-plan-c {
> 1298 | background-image: url('../img/type-c.png');
| ^
1299 | background-position: 50% 50%;
1300 | background-size: cover;
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-03-28 16:54:42
在reactjs中，如果你通过create-react-app创建你的项目，那么你不能导入任何超出src作用域的文件。
另一种方法是将css文件导入到index.html或主html文件中，该文件负责项目的头部打印。
也许这篇文章会对你有所帮助：How to import a css file in a react component?
Stack Overflow用户
发布于 2018-06-23 03:19:58
这是在我尝试使用webpack在项目中的.css文件的顶部执行@import "../../assets/image.jpg"时发生的，我在任何地方都看不到任何“未关闭的字符串”。
显然，它在任何地方都不需要那个import语句。删除@import "../../assets/image.jpg"修复了这个错误，我的代码行background: url("../../assets/image.jpg");仍然有效。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49529629
复制相关文章
相似问题