我正在通过 Eduonix.com 学习全栈课程。似乎某些代码语法已被弃用,因为我不得不安装多个内容的旧版本才能完成某些部分。当我来到 Meteor.js 部分时,这并没有帮助,所以我安装了最新的并做了一些搜索,让我完成了第一节课。我在第二节课中尝试了相同的方法(当我遇到此错误时(,但对我发现的任何东西都没有任何运气。
当我尝试使用时收到此错误
todos.find().fetch()
在浏览器的控制台中。
相关文件结构:
client
--main.html
--main.js
lib
--collections.js
在 github 上查看
在课程中,线
import { Todos } from '../lib/collections';
在主.js和线路中不存在
export const Todos = new Mongo.Collection('todos');
在集合中.js显示为
Todos = new Mongo.Collection('todos');
我试过改变
import { Todos } from '../lib/collections';
自
import { Todos } from '/lib/collections';
但它什么也没做。
我也尝试过只是添加
Todos = new Mongo.Collection('todos');
tomain.js,但我得到一个错误,说"todos"已经定义(只是在我尝试运行控制台命令时得到同样的未定义错误,因为不知何故它已经定义并且仍然未定义(。
在发表这篇文章之前,我已经根据在线查找类似问题进行了这些更改,希望它能像添加一样节省我
import './main.html';
到main.js当我遇到与此错误之前相关的类似未定义错误时。
主.html
<head>
<title>QuickTodos</title>
</head>
<body>
{{> main}}
</body>
<Template name="main">
<header>
<h1>{{title}}</h1>
</header>
<ul>
{{#each todos}}
{{> todo}}
{{/each}}
</ul>
</template>
<template name="todo">
<li>{{text}}</li>
</Template>
主.js
import { Template } from 'meteor/templating';
import './main.html';
import { Todos } from '../lib/collections';
const todos = [
{text:'Pickup kids from school'},
{text:'Go food shopping'},
{text:'Meeting with boss'}
];
Template.main.helpers({
title(){
return 'QuickTodos';
},
todos(){
return todos;
}
});
收藏.js
import {Mongo} from 'meteor/mongo';
export const Todos = new Mongo.Collection('todos');
当我跑步时
todos.find().fetch()
我希望得到一个空数组,但相反,我得到:
VM1905:1
Uncaught ReferenceError: todos is not defined
at <anonymous>:1:1
我做错了什么?
我注意到的第一件事是这两行的大写不同,这意味着它们将指向不同的变量(因此,未定义待办事项(:
export const Todos = new Mongo.Collection('todos');
todos.find().fetch()
第二件事是,由于 Meteor 使用 CommonJS 模块,因此您声明的任何变量都将是该模块的本地变量,并且在控制台上不可用。
(有一些例外,例如声明的Todos
没有var
、let
或const
,它们的作用域将涵盖整个应用程序,但仍然不是全局的或在控制台中可用(
您可以通过将变量作为属性添加到window
来强制变量是全局变量:
import { Mongo } from 'meteor/mongo';
export const Todos = new Mongo.Collection('todos');
window.Todos = Todos; // here we make it global
然后只要这个文件是client/main.js
导入的,就可以在控制台上使用Todos
。
这对于小型应用程序和测试内容很好,但会增加名称冲突的可能性,并且更难理解大型应用程序中代码的来源。
如果您想以模块系统的"正确"方式执行操作,您可以使用require
在控制台中访问模块的导出:
> Todos = require('/lib/collections').Todos