有一个代码：
const { getViewTasks, appendTimelineToViewTask, getCSVTaskEventLog } = useTaskService();
我想像这样格式化它（手动或使用 Prettier）：
const {
getViewTasks,
appendTimelineToViewTask,
getCSVTaskEventLog
} = useTaskService();
但相反，我将其格式化为：
const { getViewTasks, appendTimelineToViewTask, getCSVTaskEventLog } =
useTaskService();
导致 linter 错误的原因：
我知道Prettier会这样格式化它，因为字符串的长度是有限制的。
是否可以在Vue 3 SFC组件中禁用字符串或代码块的格式化？
type Pop<T extends any[]> = T extends [...infer I, infer _] ? I : never
这是type-challenge中类型的推荐解决方案。Pop
同样有效的解决方案：
type Pop<T extends any[]> = T extends [...infer U, ...[unknown]]
? U
: never
type Pop<T extends any[]> = T extends [...infer U, unknown]
? U
: never
如果我们需要删除更多类型，我们只需添加：
type Pop<T extends any[]> = T extends [...infer U, ...[unknown, unknown]]
? U
: never
Pop<[1,2,3,4,5]> // [1,2,3]
如果你在没有条件类型的情况下编写相同的东西，你会得到一个常规的合并：
type Merge<T extends any[], K extends any[]> = [...T, ...K]
type m = Merge<[1,2,3], [1,unknown,unknown]>
// ^? [1,2,3,1,unknown,unknown]
这个怎么运作？
type MyExclude<T, K> = T extends K ? never : T
type MyOmit<T, K extends keyof T> = {
[Key in MyExclude<keyof T, K>]: T[Key]
}
// Так тоже работает
type MyOmitAs<T, K extends keyof T> = {
[Key in keyof T as MyExclude<keyof T, K>]: T[Key]
}
// type MyOmit<T, K extends keyof T> = {
// [Key in keyof T as keyof T extends K ? never : T]: T[Key]
// }
// type MyOmit<T, K extends keyof T> = {
// [Key in keyof T extends K ? never : T]: T[Key]
// }
我不明白为什么注释选项不起作用，但至少带有 的选项as，因为我只是将逻辑从中间类型转移到，粗略地说，循环。
取自VueJs组件（版本：2，class-style-component）：
<v-container>
<v-row
v-for="(item, index) in shortcodes"
:key="index"
>
<v-col>
Замена №{{ index }}([__{{ index }}__])
<edit-select-dropdown-options-single
:ref="`editSelectDropdownOptionsSingle${index}`"
:value="item.options"
@select-option="setAnswer(index, $event)"
@remove-option="removeOption(item.options, $event)"
/>
</v-col>
</v-row>
</v-container>
动态就形成了ref。接下来，我需要参考这个ref：
this
.$refs[`editSelectDropdownOptionsSingle${replacement.shortcode_key}`}[0]
.someMethod(someArgs);
的文档refs。
我如何通过这个键来描述有一个数组，每个元素都有一个可用的方法someMethod？
我们使用Vue + TS和ESLint来编写前端。为了符合代码风格，我们使用了@typescript-eslint 插件。
问题是，props 是写入的camelCase，当编写类样式组件时，它们是类的属性。并且习惯于在snake_case. 对于组件文件，我们已经覆盖了这些规则，但 mixin 具有扩展名.ts，因此属于不适用于组件的规则 ( .vue)。
是否有可能在不添加使用camelCase的情况下以某种方式解决这个问题 files .ts，稍后需要对类属性的命名达成口头协议？
使用Vuetify和ESLint安装NuxtJs。配置文件是自动创建的。进入它，由于导入的颜色，我看到了两个错误（linter 和 IDE）：nuxt.config.jsimport colors from 'vuetify/es5/util/colors';
ESLint: 'vuetify' 应该列在项目的依赖中。运行“npm i -S vuetify”以添加它（导入/无外部依赖项）
模块未在 package.json 依赖项中列出
配置文件：
// .eslintrc.js
module.exports = {
env: {
browser: true,
node: true,
es2021: true,
},
extends: [
'eslint:recommended',
'airbnb-base',
'plugin:nuxt/recommended',
'plugin:vue/recommended',
'plugin:vuetify/base',
'plugin:@typescript-eslint/recommended',
],
parser: 'vue-eslint-parser',
parserOptions: {
ecmaVersion: 12,
parser: '@typescript-eslint/parser',
sourceType: 'module',
},
plugins: [
'vue',
'@typescript-eslint',
],
rules: {
'vue/script-indent': [
'error', 2, {
baseIndent: 1,
switchCase: 0,
ignores: [],
},
],
'no-shadow': 'off',
'@typescript-eslint/no-shadow': ['error'],
'import/prefer-default-export': 'off',
camelcase: ['error', {
properties: 'never',
}],
},
overrides: [
{
files: ['*.vue'],
rules: {
indent: 'off',
camelcase: 'off',
},
},
],
settings: {
'import/resolver': {
nuxt: {
extensions: [
'.ts',
'.js',
'.vue',
],
},
},
'import/core-modules': [
'vue',
'vuex',
],
},
};
如何克服？
我personal access token在github（私人存储库）中生成。我通过composer命令将它添加到composerconfig -g github-oauth.github.com <token>并执行composer install它并得到一个错误：
[UnexpectedValueException]
您的 github.com 的 github oauth 令牌包含无效字符：""
原则上，它不会给出执行的单个命令。
作曲家版本：Composer version 2.0.6
UPD
删除令牌并运行composer install：
然后我再次尝试任何作曲家命令并再次得到相同的错误。
可能是什么问题呢？
作曲家.json：
"require": {
"ext-json": "*",
"doctrine/dbal": "^2.12.1",
"fideloper/proxy": "^4.4",
"fruitcake/laravel-cors": "^2.0",
"laravel/framework": "^8",
"laravel/sanctum": "^2.9",
"laravel/tinker": "^2.5",
"spatie/laravel-permission": "^3.18"
},
内核.php：
protected $middlewareGroups = [
'web' => [
EncryptCookies::class,
AddQueuedCookiesToResponse::class,
StartSession::class,
AuthenticateSession::class,
// ShareErrorsFromSession::class,
VerifyCsrfToken::class,
SubstituteBindings::class,
],
'api' => [
EnsureFrontendRequestsAreStateful::class,
'throttle:api',
SubstituteBindings::class,
],
];
Cors.php：
return [
'paths' => ['api/*, /login'],
'allowed_methods' => ['*'],
'allowed_origins' => ['*'],
'allowed_origins_patterns' => [],
'allowed_headers' => ['*'],
'exposed_headers' => [],
'max_age' => 0,
'supports_credentials' => true,
];
圣所.php：
'stateful' => explode(',', env('SANCTUM_STATEFUL_DOMAINS', implode(',', [
'localhost',
'localhost:8000',
'localhost:8080',
'localhost:8002',
'127.0.0.1:8002',
'127.0.0.1:8080',
]))),
auth.php：
'guards' => [
'web' => [
'driver' => 'session',
'provider' => 'users',
],
'api' => [
'driver' => 'token',
'provider' => 'users',
'hash' => false,
],
],
RouteServiceProvider.php：
Route::prefix('api/v1')
->middleware('auth:sanctum')
->group(function() {
require_once base_path('routes/Api/V1/Auth/routes.php');
require_once base_path('routes/Api/V1/Users/routes.php');
});
爱讯：
import Vue, { PluginObject } from 'vue';
import axios from 'axios';
const config = {};
const _axios = axios.create(config);
_axios.defaults.withCredentials = true;
_axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
_axios.interceptors.request.use(
cfg => {
return cfg;
},
err => {
return Promise.reject(err);
},
);
/**
* Add a response interceptor
*/
_axios.interceptors.response.use(
res => {
return res;
},
err => {
return Promise.reject(err);
},
);
const Plugin: PluginObject<any> = {
install: Vue => {
Vue.$axios = _axios;
},
};
Plugin.install = Vue => {
Vue.$axios = _axios;
window.axios = _axios;
Object.defineProperties(Vue.prototype, {
$axios: {
get() {
return _axios;
},
},
});
};
Vue.use(Plugin);
export default Plugin;
我正在登录。但任何请求通过auth:sanctum：
{message: "Unauthenticated."}
可能是什么问题呢？
随着API我得到状态的名称。从他们那里，在工厂的帮助下，我在前面形成了状态实例。附带API一根绳子。为了使代码中没有错误并且可以输入，我创建了enum状态名称：
export enum STATUSES_NAMES {
CREATED = 'Создано',
DELETED = 'Удалено',
// Очень много имён статусов
}
工厂实例化状态：
// Импорты
export default class FactoryStatuses {
public static createByName(name: STATUSES_NAMES): IStatus {
const parameters = {
name,
};
return FactoryStatuses._create(parameters);
}
public static createFromDB(parameters: IConstructorParameters): IStatus {
const _parameters = {
name: parameters.name,
};
return FactoryStatuses._create(_parameters);
}
private static _create(parameters: IConstructorParameters): IStatus {
if (!FactoryStatuses._existsName(parameters.name)) {
throw new Error('Status name dose not exist');
}
return new Status(parameters);
}
private static _existsName(name: string): boolean {
return Object.values(STATUSES_NAMES).includes(name);
}
}
接口：
export interface IStatus {
name: STATUSES_NAMES;
}
export interface IConstructorParameters {
name: string;
}
我在方法中existsName收到类型错误：
TS2345：“字符串”类型的参数不可分配给“状态名称”类型的参数。
如何解决这个问题或正确创建它enum？
表sites：
id|name |
--|-----------------|
1|https://test.ru/ |
2|https://loop.com/|
表counterparties：
id|client_id|
1| 1 |
2| 1 |
Pivot-таблица сounterparty_sites：
id|counterparty_id|site_id|
--|---------------|-------|
1| 1 | 1 |
迁移pivot-таблицы：
<?php
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
class CreateCounterpartySite extends Migration
{
/**
* Run the migrations.
*
* @return void
*/
public function up()
{
Schema::create('counterparty_site', function(Blueprint $table) {
$table->id();
$table->foreignId('counterparty_id')->constrained()->onDelete('cascade');
$table->foreignId('site_id')->constrained()->onDelete('cascade');
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::dropIfExists('counterparty_sites');
}
}
尝试删除有或没有数据的表时，会导致错误：
SQLSTATE[2BP01]：从属对象仍然存在：7 错误：无法删除表站点，因为其他对象依赖于它详细信息：表上的约束对应方站点_站点_id_foreign 取决于表站点提示：使用 DROP ... CASCADE 也删除依赖对象。（SQL：如果存在“站点”，则删除表）
我知道级联不起作用，因为它不是删除记录，而是删除表（sites）。有没有办法解决这个问题，让 kakskad 工作？
我在我的项目中使用Vue + Vuex。积累了很多vuex-модулей。现在它们都像这样连接：
import { module_1 } from 'Store/modules/module_1';
import { module_2 } from 'Store/modules/module_2';
...
import { module_n } from 'Store/modules/module_n';
命名模块和目录snake_case。
如何简化此操作或使此下载自动进行？
我声明了一个接口：
export interface ApplicationState extends RootState {
messages: [] | string[];
}
我是说我的属性应该是一个空数组或字符串数组。但是在突变中我得到一个错误：
[MutationTypes.APPEND_MESSAGES](state: ApplicationState, payload: string): void {
state.messages.push(payload);
},
TS2345：“字符串”类型的参数不可分配给“从不”类型的参数。
但如果我在打扫[] |，那么一切都好。我做错了什么或我不明白什么？
环境：
打字稿：3.9.7
该项目使用vue cli. 在测试文件中，我使用别名包含模块。vue.config.js我在和中注册了别名tsconfig.json。它们在项目中的任何地方工作，除了带有测试的文件。可能是什么问题呢？
例如，有一张桌子Users。我需要确保任何包含 ID 列的选择都按它排序。或者我不能避免在每个请求中我必须指定排序顺序的事实吗？
对于显示/隐藏控件v-navigation-drawer，我不使用双向通信（v-model），因为我需要覆盖该属性。我将状态存储v-navigation-drawer在Vuex中。
标记：
<template>
<v-app id="inspire">
<v-navigation-drawer
app
:value="v_navigation_drawer"
/>
<v-app-bar
:value="v_app_bar"
app
>
<v-app-bar-nav-icon
@click="toggleVNavigationDrawer"
/>
</v-app-bar>
<v-main>
<router-view />
</v-main>
</v-app>
</template>
问题：在小屏幕上，如果单击覆盖，它将v-navigation-drawer隐藏，但属性值v_navigation_drawer不会改变。我怎样才能使财产的价值也v_navigation_drawer发生变化？
Vuetify版本2.2.11
我添加这样的别名：
configureWebpack: {
resolve: {
alias: {
'@': path.resolve(__dirname, './src'),
'Components': path.resolve(__dirname, './src/сomponents'),
'API': path.resolve(__dirname, './src/api'),
'Mixins': path.resolve(__dirname, './src/mixins'),
},
},
},
但是我在构建时遇到错误。
未找到此依赖项：
./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/thread-loader/dist/cjs.js!./中的 Mixins/application/ApplicationMixin node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/ vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang=ts&
要安装它，你可以运行： npm install --save Mixins/application/ApplicationMixin
此外， IDE看不到 alias 。如何解决问题？
