我尝试在没有Bootstrap的情况下启动Laravel 5.4项目.
安装Laravel后,我编辑了以下文件:
资源/资产/ JS/app.js
require('./bootstrap');
Run Code Online (Sandbox Code Playgroud)
的package.json
...
"devDependencies": {
"axios": "^0.15.3",
"bootstrap-sass": "^3.3.7",
"jquery": "^3.1.1",
"laravel-mix": "^0.7.2",
"lodash": "^4.17.4",
"vue": "^2.1.10"
},
...
Run Code Online (Sandbox Code Playgroud)
我有以下错误:
错误./resources/assets/js/app.js中编译失败,错误1错误
语法错误:/Users /.../package.json:解析JSON时出错 - JSON.parse()中的JSON输入的意外结束@ multi ./resources/assets/js/app.js ./resources/assets/sass/ app.scss
有什么建议?
我当前的GatsbyJS项目是一个带有轮播和其他内容的单页寻呼机。
背景
转盘上应装有有关某些产品的信息。我的目标是让轮播通过遍历所有markdown文件来构建自身,并在文件顶部选择以下三行内容:
---
type: product
---
Run Code Online (Sandbox Code Playgroud)
因此,我创建了一个CarouselContainer
(类组件)和一个Carousel
组件(功能组件)。容器应通过GraphQL查询加载markdown并将结果产品对象传递给其嵌套组件。然后,组件应映射到对象上并创建轮播。
但是,还有其他用于菜单列表,文本模式等的markdown文件。他们有type: page
。我认为准备一些GraphQL查询将是解决方案。但这却比预期的要困难得多。
容器组件是一个类组件,因此我无法直接在其中调用查询(https://github.com/gatsbyjs/gatsby/issues/3991#issuecomment-364939030)。
然后,我认为将多个查询放入pages/index.js
可能是解决方案。
---
type: product
---
Run Code Online (Sandbox Code Playgroud)
再没有。使用GraphQL片段应该是一个解决方案...
问有人可以告诉我如何为此目的准备片段和/或有另一个想法如何将降价内容正确放入我的容器中吗?
谢谢阅读。