我正在考虑使用Vuefire来使Firestore与我的Vue项目集成变得更容易。在读取getting started documentation时,他们会让您创建一个db.js文件,以便您可以“方便地”将其导入到项目中的任何位置。 import firebase from 'firebase/app'
import 'firebase/firestore'
// Get a Firestore instance
export const db = firebase
.initializeApp({ projectId: 'MY PROJECT
我正在与vuejs合作一个项目,我在使用vuefire从Firebase获取数据时遇到了问题。代码如下:
Firebase.js
import firebase from 'firebase';
import Vue from 'vue'
// Your web app's Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
var firebaseConfig = {
apiKey: "XXXXXX"
所以我安装了vuefire,我有
在main.js中
var Vue = require('vue')
var VueFire = require('vuefire')
var firebase = require('firebase')
Vue.use(VueFire)
var firebaseApp = firebase.initializeApp({ ... })
var db = firebaseApp.database()
现在我纠结于如何全局注册firebase,以便在组件内部可以简单地执行以下操作
export default{
index.js文件:
import React from 'react';
import { createRoot } from 'react-dom/client';
import { Provider } from 'react-redux';
import { store } from './app/store';
import App from './App';
import reportWebVitals from './reportWebVitals&
我正在开发一个NextJs应用程序,我有一个带有Header.jsx和默认导出Header的头文件夹。
在同一个文件夹中,我有一个包含以下代码的index.js
export * from './Header'
但是如果我使用它,它就会出错。
Attempted import error: '../components/header' does not contain a default export (imported as 'Header').
如果我用这个
import Header from './Header'
exp
我遇到了一个出口场景的小问题,我不知道为什么。我可能需要一个Babel插件来解决它,但不确定是哪个。
// a.js
export function fromA() {}
// b.js
export function fromB() {}
// index.js
import * as a from './a'
import * as b from './b'
export default { ...a, ...b}
// test.js
import all from './index'
const { fromA } = all
我现在的环境是prisma的图形瑜伽。当试图运行查询时,我会遇到“无法读取未定义的属性‘查询’”错误。我认为这是因为它不能从上下文中读取
这个问题发生在我重构代码和设置Prisma连接时。在启动服务器时,我已经将prisma包含在上下文中,但它似乎在任何地方都不可用。
错误
[nodemon] starting `babel-node src/index.js`
The server is up!
TypeError: Cannot read property 'query' of undefined
at Object.query (G:\laragon\www\en
我有一个安装vuefire的vue应用程序。下面是文档:,我有main.js文件:
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import { firestorePlugin } from 'vuefire'
Vue.config.productionTip = false;
Vue.use(firestorePlugin);
new V
所以我创建了一个vue应用程序,并从Vue模块导入了vue,但是我得到了这个错误。
ERROR in src/main.ts:4:5
TS2339: Property 'use' does not exist on type 'typeof import("/data/data/com.termux/files/home/ishankbg.tech/node_modules/vue/dist/vue")'.
2 | import App from './App.vue'
3 | import { firestore
我遇到了这个问题,我一直在尝试让Vue从firebase中检索至少最基本的设置。事实并非如此。我遵循了各种路线,但都没有成功,所以也许我错过了一些东西,也许是在显而易见的情况下。
网络连接似乎不检索任何可能与数据库相关联的响应。这是来自firebase的截图,也许我误解了firebase和设置:
// Main.js
/* eslint-disable semi */
// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpac
在BabelJS的5.6.4版本中,我似乎不能“导入.as”。下面是我想要做的事情的例子:
在文件‘test.js’中:
export default class Test {};
在文件'test2.js‘中(在同一个目录中):
import Test as Test2 from './test';
我也曾尝试过:
import {Test as Test2} from './test';
尽管这里什么也没说:
并且只在非默认语法中使用括号:。
有人成功了吗?
编辑:这绝对是因为default关键字。因此,在这种情况下,问题就变成了,是否有人有指向文档
我正在导入一个组件到我的react本地应用程序,即使在尝试了我已经在网上找到的解决方案之后,我仍然会得到相同的错误,所以我可能是个初学者,所以我错过了一些显而易见的东西
我试着用大括号包装我的导入名,但它似乎没有帮助
my main app.js
import React from 'react';
import { StyleSheet, View, Header, } from 'react-native';
import { NumberInput } from './src/components/NumberInput
我正在尝试使用try包,但是每次我尝试运行它时,这个错误都会出现“请求的模块‘try’没有提供一个名为'default‘的导出,我不知道它意味着什么。我尝试将文件名更改为mjs或在package.json中添加“type”=“模块”,但这只会给我带来这个错误,我无法在网上找到任何解决方案。
注意:--实验-模块不工作(它说'\302\226 npm':命令找不到)
--这是js文件(我在package.json中添加了“type”=“”)
import franc from 'franc';
console.log(franc('Hi, I sp
对于这种情况,/ACollectionOfTinyComponent/index.js
import Container from './Container';
export {
Container,
};
因此,index.js成为一个包含其他小部件的目录,而不必始终写出每个组件的名称。因此,在本例中,我们可以在另一个组件中导入一个组件,如下所示:
import {Container} from './ACollectionOfTinyComponent'
//then use Container in the code here
这是个糟糕的做法吗?因
我有一个文件modules.js,它通过模块名从我的模块导出所有default (下面是):
export { default as a } from './a/a'
export { default as b } from './b/b'
...
export { default as y } from './y/y'
export { default as z } from './z/z'
在我的app.js中,我想导入这个模块包。
我希望从module.js导入.z导出的变量,以便在app.js中使用它们。
显然我不想
im
我正在跟踪科里豪斯的关于建筑在ES6中的反应。不幸的是,我被困在最初的几个步骤中,设置基本组件。
在控制台中,我看到以下错误消息:
Warning: [react-router] Location "/" did not match any routes
如果我查看我的dev服务器,我会看到以下内容
./src/index.js中的错误
警告: routes路由器位置"/“与任何路由不匹配
下面我看到,eslint已经排除了以下错误:
C:\Projects\es6react\src\index.js (1/0)
✖5:9在‘./路由’导入/命名中未找到的路由
在@vue/cli 4和vuejs 2.6.10应用程序中,试图通过命令使用组件:
Vue.component('listing-header', require('../../../src/components/ListingHeader.vue'))
我收到控制台错误:
[Vue warn]: Failed to mount component: template or render function not defined.
在网上搜索后,我发现它可以通过以下方式修复:
Vue.component('listing-header', req
我正在尝试将所有组件分组到一个文件中,并在所有位置使用该文件。但是,当我试图从文件中导入组件时,它说的是Module has no exported member
以下是我的代码
UserActionButton.tsx
import * as React from 'react';
class UserActionButton extends React.Component<any, any> {
constructor(props: any) {
super(props);
}
render() {
ret
你好,StackExchange社区。
我刚开始反应,在调用从另一个文件导出的函数时遇到了一些困难:
当我试图从表单调用此函数时,我会收到以下错误:
Attempted import error: 'PrivateRoute' is not exported from '../components/PrivateRoute'.
构成部分:
import React from "react";
import { Route, Redirect } from "react-router-dom";
function PrivateR
一个新手的问题。我试着按照教程的做法,它使用,但是使用类型记录而不是普通的Javascript。到目前为止,我还没有取得多大的成功。
我的代码看起来是这样的。
import * as idb from "./idb";
const dbPromise: Promise<idb.DB> = idb.default.open('test-db2', 1, (upgradeDb: idb.UpgradeDB) => {
console.log('making a new object store');
if (!up