Javascript 如何将背景图像与SCSS+;Parcel.js
我试图使用Javascript 如何将背景图像与SCSS+;Parcel.js,javascript,sass,parceljs,Javascript,Sass,Parceljs,我试图使用parcel.js和SCSS来使用背景图像,但得到: 未捕获的语法错误:意外标记
parcel.js
和SCSS来使用背景图像,但得到:
未捕获的语法错误:意外标记<7d6454d814b6ce2e1592d3937c337ef3.js:1
或有时得到:
无法读取null的属性“js”
这是我的SCS:
.hero{
background-image: url('../../images/2ndpaper.jpg');
}
这是我的js:
import "../styles/index.scss";
import paperbg from "../images/2ndpaper.jpg";
这是我的package.json:
{
"name": "development",
"version": "1.0.0",
"description": "CB PC - Web Development",
"main": "index.js",
"scripts": {
"dev": "parcel src/index.html",
"build": "parcel build src/index.html --out-dir prod"
},
"keywords": [
"client",
"website"
],
"author": "Designs by Harp",
"license": "ISC",
"devDependencies": {
"@babel/core": "^7.2.2",
"@babel/plugin-proposal-class-properties": "^7.3.0",
"parcel-bundler": "^1.11.0"
},
"dependencies": {
"bootstrap-4-grid": "^2.4.1",
"gsap": "^2.0.2",
"jshint": "^2.10.1",
"sass": "^1.17.2"
}
}
有什么问题吗?我会添加新的npm脚本,尝试添加“-public url./”,正如他们在中建议的那样
你解决了这个问题吗?
"build2": "parcel build src/index.html --public-url prod"