我有一个应用程序,我使用<router-view/>!
我在导入组件时遇到问题router.js。它总是给我以下错误:
These relative modules were not found:
* ./components/Poetry.vue in ./src/router/routes.js
* ./components/PoetryDetails/PoetryCard.vue in ./src/router/routes.js
* ./components/PoetryDetails/Search.vue in ./src/router/routes.js
Run Code Online (Sandbox Code Playgroud)
我有这样的文件夹结构:
??? _components
| ??? _PoetryDetails
| | ???PoetryCard.vue
| | ???Search.vue
| ??? Poetry.vue
??? _router
| ??? index.js (routes.js is imported in this file)
| ??? routes.js
??? App.vue
??? main.js
Run Code Online (Sandbox Code Playgroud)
在 中routes.js,我按如下方式导入组件:
import Poetry from './components/Poetry.vue'
import PoetryCard from './components/PoetryDetails/PoetryCard.vue'
import PoetrySearch from './components/PoetryDetails/Search.vue'
export const routes = [
{ path: …Run Code Online (Sandbox Code Playgroud) 这是我的代码:
async [types.GET_DATA]({commit, state}, data) {
try {
const res = await axios.post('/login', {
email: data.email,
password: data.password,
});
console.log(res)
} catch(e) {
if(e.response) {
console.log(e.response)
}
}
}
Run Code Online (Sandbox Code Playgroud)
因此,每当用户发送空字段时,我都会返回 400 Bad Request。axios 所做的是将错误与错误响应一起抛出。我需要做的是删除该控制台错误消息并仅获得错误响应。
我该怎么做?
假设我有这个输入组件:
import { defineComponent } from "@vue/runtime-core"
export default defineComponent({
inheritAttrs: false,
setup(props, { attrs }) {
return () => (
<div>
<input type="text" {...attrs} />
</div>
)
}
})
Run Code Online (Sandbox Code Playgroud)
现在,我像这样使用这个组件并提供type="password"属性:
import { defineComponent } from "@vue/runtime-core"
import Input from "./components/input"
export default defineComponent({
setup(props, { attrs }) {
return () => <Input type="password"></Input>
}
})
Run Code Online (Sandbox Code Playgroud)
但是打字稿抱怨:
Property 'type' does not exist on type 'IntrinsicAttribute'> & VNodeProps & AllowedComponentProps & ComponentCustomProps>'
Run Code Online (Sandbox Code Playgroud) 当我使用 MomentJS 或 Internationalization API 时,我会得到像ChromeAsia/Katmandu或Asia/CalcuttaChrome一样过时的时区!这些应该输出为Asia/Kathmanduand Asia/Kolkata。
我该如何解决?
我有一个这样的组件:
<vue-component show></vue-component>
Run Code Online (Sandbox Code Playgroud)
如您所见,有一个show道具。我无法使用,typeof因为它总是undefined没有价值。请帮忙!
所以我有一个以下类,它onPressed作为一个可以为空的道具:
class Class1 {
final Function? onPressed;
const Class1({ this.onPressed });
callMethod() {
if(onPressed != null) {
onPressed(); // Complains here
}
}
}
Run Code Online (Sandbox Code Playgroud)
如您所见,我检查了是否onPressed为空。但是 dart 仍然抱怨这条消息The function can't be unconditionally invoked because it can be 'null'. (view docs) Try adding a null check ('!').请帮助我。
我正在创建一个大量使用vue路由器的VueJS应用程序.
这是我的结构routes.js:
export const routes = [
{ path: '', component: Poetry, children: [
{ path: '', name: 'poetry', component: PoetryLanding },
{ path: 'poetry/:id', name: 'poetrycard', component: PoetryCard },
{ path: 'poetry/search', name: 'poetrysearch', component: PoetrySearch },
]},
]
Run Code Online (Sandbox Code Playgroud)
我想在第二个子组件中使用正则表达式,即poetrycard它只接受作为数字的params(:id).我这样做是因为poetrysearch被/search视为受到影响:id!
我试过了:
{ path: 'poetry/:id/[0-9]/g', name: 'poetrycard', component: PoetryCard }
Run Code Online (Sandbox Code Playgroud)
但这不起作用.请帮忙.
我有以下代码:
import 'package:flutter/material.dart';
double ballRadius = 7.5;
void main() => runApp(MyApp());
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
double finalAngle = 0.0;
double oldAngle = 0.0;
double upsetAngle = 0.0;
double _height = 200;
double _width = 300;
Offset centerOfGestureDetector = Offset(ballRadius, ballRadius);
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: Scaffold(
body: SafeArea(
child: // rotate
Transform.rotate(
angle: finalAngle,
child: Stack(
children: [
Positioned(
top: 50,
left: 50 …Run Code Online (Sandbox Code Playgroud) 我是 Android 开发新手。目前,我正在使用 Jetpack Compose 来构建 Android 应用程序。我也在学习MVVM架构。
对于这种架构,我不明白的一件事是为什么我们需要使用它ViewModelProvider.Factory来将视图模型传递到屏幕。
例如,
取而代之的是,
@Composable
fun HomeScreen() {
val factory = object : ViewModelProvider.Factory {
override fun <T : ViewModel?> create(modelClass: Class<T>): T {
val repository = InMemoryPlantService()
@Suppress("UNCHECKED_CAST")
return HomeViewModel(
plantRepository = repository
) as T
}
}
val homeViewModel: HomeViewModel = viewModel(null, factory)
val currentState: State<HomeViewState> = homeViewModel.viewState.collectAsState()
HomeScreenScaffold(currentState.value)
}
Run Code Online (Sandbox Code Playgroud)
我们不能这样做吗
@Composable
fun HomeScreen() {
val repository = InMemoryPlantService()
val homeViewModel: HomeViewModel = HomeViewModel(
plantRepository = repository
)
val …Run Code Online (Sandbox Code Playgroud) 所以我有这个自定义错误,
use std::fmt;
#[derive(Debug)]
pub enum XError {
TagNotFound,
}
impl std::error::Error for XError {}
impl fmt::Display for XError {
fn fmt(&self, f: &mut fmt::Formatter) -> fmt::Result {
match self {
XError::TagNotFound => write!(f, "couldn't find tag"),
}
}
}
Run Code Online (Sandbox Code Playgroud)
然后我有一个函数pub fn validate() -> Result<String, Box<dyn std::error::Error>>。
现在在我的测试中,如何检查validateis返回的错误XError::TagNotFound?
我尝试做,
let b = validate(param)
.unwrap_err()
.downcast_ref::<XError::TagNotFound>();
Run Code Online (Sandbox Code Playgroud)
但我明白了expected type, found variant "XError::TagNotFound" not a type。