我正在使用 Boostrap 4 标签。在每个选项卡上，我都有一个grapesjs 实例。一种是使用网页插件：
const productEditor = grapesjs.init({
container: '#gjs',
fromElement: 1,
showOffsets: 1,
allowScripts: 1,
plugins: ['gjs-preset-webpage'],
pluginsOpts: {
'gjs-preset-webpage': {
// ... other options
}
},
storageManager: {
id: 'gjs-',
type: 'remote',
autosave: false,
autoload: true,
stepsBeforeSave: 3,
urlStore: '',
urlLoad: '',
contentTypeJson: true
},
canvas: {},
});
另一个标签使用时事通讯插件
const newsletterEditor = grapesjs.init({
container: '#newsletter-gjs',
fromElement: 1,
showOffsets: 1,
allowScripts: 1,
plugins: ['gjs-preset-newsletter'],
pluginsOpts: {
'gjs-preset-newsletter': {
modalTitleImport: 'Import template',
// ... other options
}
},
storageManager: …我一直在尝试access_token为我的 api创建一个。我遵循了设置并使用 Postman 来测试/创建令牌。我似乎无法克服invalid_grant错误。
我已经尝试了我能找到的所有组合，但没有任何运气。这是我的设置：
发送POST请求至：http://mywebsite.local/oauth/token
在正文中，我设置form-data为这个（名称/值）：
grant_type password
client_id 1
client_secret <super_long_string>
username my@email.com
password secret
我使用 tinker 创建了一个虚拟用户：
factory('App\User')->create()
我在上面使用新创建的用户作为我的用户名/密码。
不管我在做什么（没有传递任何东西），这是我总是看到的错误：
{
"error": "invalid_grant",
"error_description": "The provided authorization grant (e.g., authorization code, resource owner credentials) or refresh token is invalid, expired, revoked, does not match the redirection URI used in the authorization request, or was issued to another client.",
"hint": "",
"message": "The provided authorization grant (e.g., …我正在使用veloicty.js来动画我网站上的元素.我可以使用除了以外的任何其他缓和方法easeOutBack.我以为我读到除了'反弹'效果之外,所有内容都包含在库中.
我还将jqueryui纳入我的项目,这是最后的努力,看看是否有帮助.没运气.
这是我正在使用的:
$('element').mouseenter(function (event) {
$(this).find('h2').velocity({
'top': 20
}, {
'duration': 300,
'easing': 'easeOutBack'
});
或者,是否需要通过使用2个速度调用手动创建该效果.一个将元素的位置移到20,然后另一个回到20？
我正在试用Bulma flexbox css 框架- 到目前为止它非常整洁！我发现的唯一障碍是我似乎无法设置移动设备的显示顺序。
<div class="columns">
<div class="column foo">Foo</div>
<div class="column bar">Bar</div> // Would like this to be first on small deviecs
</div>
编辑
这是我的 css 的样子：
body, html {
background-color: blue;
}
.foo { order: 2; }
.bar { order: 1; }
@media only screen and (min-width: 769px) {
body, html {
background-color: red;
}
.foo { order: 1; }
.bar { order: 2; }
}
我正在使用redactor作为laravel项目的文本编辑器.
每当编辑器在页面上并初始化时,每当我点击任何地方时都会收到此错误.
Uncaught TypeError: $(...).closest(...).size is not a function(…)
Uncaught TypeError: $current.closest(...).size is not a function(…)
每当我在编辑器中输入或只是单击页面上的任何位置时,都会触发此操作.编辑器初始化正常,并且工作正常.我不确定为什么它会抱怨模糊事件.
这是我初始化它的方式:
$('#myInput').redactor({
'buttons': ['html', 'formatting', 'bold', 'italic', 'unorderedlist', 'orderedlist', 'link'],
'placeholder': 'Comments...'
});
看起来这是不满意的部分之一:
$(document).on('mousedown.redactor-blur.'+this.uuid,
我正在使用Redactor 10.2.5
谢谢你的任何建议!
我正在构建一个 ionic 应用程序，该应用程序从 iTunes 中获取 rss 提要。我能够获取 rss 提要并在我的应用程序上显示条目。
我收到此错误，想了解如何正确设置变量。
export class MyPage {
episodes: any;
...
getRssFeed() {
this.rssProvider.getFeed(this.rssUrl)
.then(data => {
console.log(data);
this.episodes = data.items;
});
}
}
rssProvider.ts
...
getFeed(rssUrl: string) {
try {
return new Promise(resolve => {
this.http.get(`${this.baseUrl}?rss_url=${rssUrl}&api_key=${this.apiKey}&count=${this.count}`).subscribe(data => {
resolve(data);
}, error => {
console.error(error);
});
});
} catch (error) {
console.error('Something really bad happened trying to get rss feed.');
console.error(error);
}
}
如果这有任何意义，我将 WebStorm 用于我的 IDE。
这是我得到的错误：
Typescript Error:
Property 'items' does not …使用Vue CLI我有一个单元测试，我试图检查它的真/假，如下所示：
describe('The thing', () => {
it('must be available.', () => {
const available = true
const wrapper = shallowMount(MyVueComponent, {
propsData: { available },
})
expect(wrapper).to.be.true
})
})
当我跑步时npm run test:unit
我得到以下信息：
AssertionError：预期 { Object (isFunctionalComponent, _emissed, ...) } 为 true
如果我只检查 的值available，那么一切都很好。但这似乎是我做错了。
当我检查文本值时，我编写的其他测试工作正常：
describe('The thing', () => {
it('should have a name.', () => {
const name = 'Hal'
const wrapper = shallowMount(MyVueComponent, {
propsData: { name },
})
expect(wrapper.text()).to.include(name)
})
}) …我正在努力理解为什么父组件没有接收到子组件上发出的事件。
该事件是从子组件发出的 - 我可以在工具栏中看到它以及正确的值。未在父组件上调用与事件相关的方法。ChildComponent.vue是导入到ParentComponent.vue.
这是我所拥有的（有效但无效）。
父组件.vue
<child-component/>
<div v-show="this.label === 'acme'" @label:name="handleLabelName">
<h3>Hello World</h3>
...
</div>
...
methods: {
handleLabelName(name) {
console.log('handleManualType called'); // never getting here
console.log('name: ', name); // never getting here
}
},
子组件.vue
...
<button data-label="acme" @click="handleClick($event)">Click Me</button>
...
methods: {
handleClick(event) {
const label = event.target.dataset.label;
this.$emit('label:name', label); // acme
},
本次活动是越来越广播，但handleLabelName从未得到调用。我已经多次阅读这篇很棒的文章，我相信我是正确地遵循它的。是不是我做错了什么让handleLabelName永远不会被调用？我也试过将所有内容都包装在一个 div 中，如下所示：
<div @label:name="handleLabelName">
<div v-show="this.label === 'acme'">
<h3>Hello World</h3>
... …我正在努力弄清楚什么可能是非常基本的东西，我会被嘲笑离开这里，但我希望也许它也能对其他人有所帮助。
我正在尝试Http在功能测试中模拟/测试请求。我仍在学习好的/更好/最好的测试技术，所以也许有更好的方法。
// MyFeatureTest.php
$user = factory(User::class)->create(['email' => 'example@email.com']);
// Prevent actual request(s) from being made.
Http::fake();
$this->actingAs($user, 'api')
->getJson('api/v1/my/endpoint/123456')
->assertStatus(200);
在我的控制器中，我的请求如下所示：
public function myFunction() {
try {
$http = Http::withHeaders([
'Accept' => 'application/json',
'Access_Token' => 'my-token',
'Content-Type' => 'application/json',
])
->get('https://www.example.com/third-party-url, [
'foo' => 'bar,
]);
return new MyResource($http->json());
} catch (RequestException $exception) {
Log::error("Exception error: " . print_r($exception, true));
}
}
我想模拟我收到 200 响应，并且理想情况下模拟来自资源的预期 json。当端点位于我的应用程序本地时（不调用第三方），我已经成功地进行了此测试。这就是我过去所做的：
$http->assertStatus(200)
->assertJsonStructure([
'type', 'id', 'attributes' => [
'email', 'uuid', …我正在尝试使用相同的表单来创建和更新对象。
在我的页面中，我传递所有颜色，如下所示：
<my-form-component :colors="colors" :foo="foo" />
我的表单组件如下所示：
// MyFormComponent.vue
<input type="text" v-model="foo.name" />
<select id="colorId" v-model="foo.colorId">
<option value="">Select</option>
<option v-for="color in colors"
:key="color.id"
:value="color.id">
{{ color.name }}
</option>
</select>
...
<script>
...
props: {
colors: {
type: Array,
required: true,
},
foo: {
type: Object,
required: false,
default: undefined,
},
}
</script>
当我编辑对象时，foo一切都很好！我传递 foo 和颜色作为道具。
问题是创建新对象时，它foo不存在（显然），所以我收到错误“TypeError：无法读取未定义的属性‘colorId’”
我完全理解它为什么生气——因为我不是路过的foo，所以它没有colorId。
如果我创建一个foo数据对象，我会收到一个错误，因为我是foo作为 props 传递的，所以请使用它。
如何传入一个空对象作为道具，这样我就不会收到未定义的错误？感谢您的任何建议！