我的两个组件突然出现这个 Stylelint 错误，我不知道为什么。
\nUnexpected empty source (no-empty-source)\n我创建了第三个组件，并将内容删除到没有剩余内容的程度，并且该组件仍然显示错误。\n那么问题可能是什么？\n我试图理解这一点文档页面，但我不\不太明白其中的内容，它没有解释什么是“来源”。
\n这是简化的组件（项目中未使用）：
\nUnexpected empty source (no-empty-source)\n我得到：
\ncomponents/common/NewComponent.vue\n 12:31 \xc3\x97 Unexpected empty source no-empty-source\n我没有得到extract()函数的挂起,并且传输变量.我在用户控制器中有一个方法,其中定义了一些变量,并在数组中发送到父控制器中的视图函数,在该控制器中提取数组.然后视图是必需的.但变量未定义.可以打印数组内容.
以下是具有简化配置文件功能的用户控制器:
class User extends Controller{
public function profile(){
$profiledetails = $this->profiledetails();
$profilestatus = $this->profileStatus();
$this->view('profile', [$profiledetails, $profilestatus]);
}}
变量被发送到父Controller中的view函数:
class Controller {
public function view($view, $variables =[]){
extract($variables);
require_once './app/views/' . $view . '.php';
}}
在视图中,'profile.php',显示未定义的变量错误.我认为"extract()"函数会使$ profiledetails和$ profilestatus在视图中可用作变量.我究竟做错了什么？也许我正在使用错误类型的数组,或者我应该使用"变量变量"或其他东西..(在这种情况下,如何？).
我使用材料ui 1.0.0-beta.35中的Tabs，Tab和Appbar来显示一些带有标签的标签，这些标签是从带有数据的对象中导入的。
我从material-ui收到此错误：
Warning: Material-UI: the value provided `undefined` is invalid
我可以在此codeandbox中重现它（材料ui 1.0.0-beta.38，但存在相同的错误）：
单击“控制台”以查看错误。据我所知，我遵守了指南吗？：
https://material-ui-next.com/api/tabs/
https://material-ui-next.com/api/tab/
https://material-ui-next.com/api/app-bar/
在实际项目中，这会导致当我单击选项卡时应用程序栏不起作用。它确实工作了一段时间，但是后来这个错误突然出现了，但是我一直无法找到导致错误的原因。
在我的组件中，我循环访问一个数据属性（它是一个对象），以检查是否设置了任何值。其中一个值是一个数组，但是当它为空并且我控制台记录它的值时，它会返回
[__ob__: Observer]。
如果我测试它是数组还是对象，它们都不会返回 true。仅当向其中添加元素时，它才会被识别为数组。
我还尝试测试它是否是一个函数 ( entry[1] === "function") - 不正确。
那么什么是[__ob__: Observer]以及如何进行检查来识别这个特定的东西呢？我需要为此破例。
datatables.js存在问题 - 当页面加载时,带有分页的css会稍微延迟,因此整个数据在显示带分页的css之前会非常快速地显示出来.
同样的问题显示在这个小提琴上,当重新加载页面时,你可以看到它闪烁,首先显示没有分页的表,然后是分页(但这个小提琴上的效果非常快,特别是在chrome上;在Firefox上它更慢,更明显(对我来说),但在我的应用程序中它是非常明显和糟糕的看.
数据表的例子
我试图订购样式和脚本,也尝试将内容放入页脚(目前它都在标题中),但似乎并不重要.我还发现了另一个数据表小提琴,它在页面加载时显示相同的内容:( 其他一些数据表示例).这是一个错误吗？
以下是涉及的脚本和样式:
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" type="text/javascript"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.15/js/dataTables.bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>
<script src="{{ base_url }}application/assets/js/datatablejs.js" type="text/javascript"></script>
我调用一个api方法，当响应为500服务器错误时，axios拦截器函数启动，并返回 Promise.reject(error);
但它停在那里，所以“then”函数永远不会运行。相反，它变成“未捕获”：
Uncaught (in promise) Error: Request failed with status code 500
拦截器不应该将错误返回给进行 api 调用的函数，然后我可以在那里处理错误吗？
这是代码：
//on submitting form
onSubmit(data){
//call api function
api.sendPayment(data).then(response => {
//this never runs
alert('response!')
console.log(JSON.stringify(response))
}
});
//Api function
sendPayment: (formData) => {
return axios.post('/api/checkout', formData);
},
//interceptor
axios.interceptors.response.use(response => {
return response;
}, error => {
//this executes the "uncaught" error instead of returning to the "then" function.
return Promise.reject(error);
});
当我尝试仅在我需要的模板中包含条带依赖项时（在 Laravel Blade 中）：
@push ('head_scripts')
<script src="https://js.stripe.com/v3/"></script>
@endpush
..我收到错误“ ReferenceError: Stripe is not defined”。所以我把它包含在我的主要“头部”部分中，所以它无处不在。然后我在进入管理部分时遇到了同样的错误，因为它不包含在该模板中。
但它真的需要无处不在吗？
它仅用于一个 vue 组件，如下所示：
<script>
let stripe = Stripe(`pk_test_zzzzzzzzzzzzzzz`);
let elements = stripe.elements();
let card = undefined;
即使未呈现该组件，它似乎也会被评估。我能以某种方式解决这个问题吗？
我启用了 Volar，Vscode 扩展 (v0.34.15)。我已禁用 Vetur 扩展。现在，当在 vue 文件的模板部分注释掉代码时，注释的语法错误：
{# <p>hello</p> #}
代替
<!-- <p>hello</p> -->
使用 Vetur，它的工作原理与预期一致，所以我不知道这是否是由于与另一个扩展的冲突引起的，或者是否是某些设置需要更改？
我无法动态设置 v-model 。
如果我明确输入，它会起作用：
<div class="form-group mr-3 mb-2">
<input type="text"
v-model="form[filters][firstlastname]"
>
</div>
但我想循环遍历一个包含 string 的对象，例如： 'form[filters][firstlastname]'
父级的表单具有以下属性：
data() {
return {
form: new Form({
filters: {
gender: [],
firstlastname: 'My firstlastname'
因此，我从父组件将表单和过滤器传递到子组件中，这里是过滤器：
let formFilters = { filters: [
{
type: 'text',
property: 'form[filters][firstlastname]', // <-- string
placeholder: 'Name',
},
{
type: 'number',
property: 'paginate',
placeholder: 'Max rows'
},
]
}
子组件：（这里我循环遍历对象并生成输入字段）
<div v-for="(filter,index) in formFilters.filters"
:key="`${index}_${filter.property}`"
>
<input
v-if="filter.type === 'text' || filter.type === 'number'"
:placeholder="filter.placeholder"
:type="filter.type"
v-model="filter.property" //<--- …