javascript - Angular2 语法错误 : expected expression, 得到 '<'-6ren

javascript - Angular2 语法错误 : expected expression, 得到 '<'

转载作者：行者123 更新时间：2023-11-27 23:14:37

25

4

总的来说，我对 Angular 和 Web 开发非常陌生，我正在尝试遵循 this tutorial ，并且我将 angular2 脚本添加到了我的 index.html 文件中，但是当我尝试运行该应用程序时，我得到 SyntaxError: expected expression, got '<'在我所有的 .js 脚本中，第 1:0 行，这似乎相当常见。

奇怪的是，当我通过控制台打开这些脚本时，它们都打开 index.html而不是实际的 .js 文件，甚至是 angular2 文件。

这是index.html :

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en">
<title>Test Page</title>
</head>

<body ng-app="testApp" ng-controller="testController">
    <p>Testing</p>
    <app></app>

    <script src="../../../node_modules/rxjs/bundles/Rx.umd.js"></script>
    <script
        src="../../../node_modules/angular2/bundles/angular2-polyfills.js"></script>
    <script
        src="../../../node_modules/angular2/bundles/angular2-all.umd.dev.js"></script>
    <script src="hello.js"></script>
    <script src="refactor.js"></script>
</body>
</html>

hello.js ，取自 this video :

import {bootstrap} from "../../../node_modules/angular2/platform/browser";
import {Component} from "../../../node_modules/angular2/core";

@Component({
    selector:'app',
    template:`<div>Hello World</div>`
})

class App{}

bootstrap(App);

和refactor.js ，来自提到的第一个教程:

var upgradeAdapter = new ng.upgrade.UpgradeAdapter();
angular.element(document.body).ready(function() {
  upgradeAdapter.bootstrap(document.body, ['app']);
});

编辑:我无法运行 ng-serve因为该项目不是用 ng new project 创建的。这会是问题所在吗？

最佳答案

您应该使用:

import {bootstrap} from "angular2/platform/browser";
import {Component} from "angular2/core";

而不是

import {bootstrap} from "../../../node_modules/angular2/platform/browser";
import {Component} from "../../../node_modules/angular2/core";

此外angular2-all.umd.dev.js是当你想使用ES5来实现你的Angular2应用程序时。在这种情况下你应该使用

var AppComponent = ng.core
    .Component({
        selector: 'app',
        template: '<div>Hello world</div>',
    })
    .Class({
        constructor: function (http) {
        }
    });

而不是@Component装饰器...

我认为你需要选择你想要使用的技术，因为你似乎混合了它们的几个部分。

以下是不同技术的示例:

仅限 ES5:https://plnkr.co/edit/Ki6e9KgsPaiHIxfhKH3E
仅限 ES6:https://plnkr.co/edit/ymSUUCvG5NFvmCGqzj2r
typescript :https://plnkr.co/edit/Rw4kOzKFbVosaoe7dRL1

关于javascript - Angular2 语法错误 : expected expression, 得到 '<'，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35920225/

25

4

0

文章推荐： html - 是否可以使用类 AND Fontawesome 预定义输入？

文章推荐： javascript - 如何在 Rails View 中使用 AJAX

expect - Expect 脚本还值得学习吗？
就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
expect - Expect 脚本的用户输入
我是脚本新手。如何编写 Expect 脚本以通过 ssh 连接到设备并提示用户输入密码？我们使用 pin + RSA token 代码作为密码，因此我无法存储密码。 #!/usr/bin/expect
expect - Expect 脚本中的 Do-while
我编写了以下代码并尝试执行它。但我在执行 do {”时遇到“无效的命令名称“do”” 代码: #!/usr/bin/expect set val 0; set input 5; do { pu
expect - Expect 的 "-r"命令中的 "expect -r PATTERN"是什么意思？
我已经查看了 Expect 联机帮助页并用 Google 搜索了它，但我还没有找到 expect 的 -r 是什么。我看到这个选项以前是这样用的 expect -r "\r\n\r\n" 在 expe
expect - 如何将调试信息重定向到 expect 脚本中的文本文件？
我的 shebang 看起来像这样: #!/usr/bin/expect -d 当我从命令行运行脚本时，它会提供我想要的内容。但是，我通过 crontab 运行这个脚本。是否可以将调试开关保持打开状
expect - 在一个 Expect 脚本中处理多个语句
我是 Expect 脚本的新手。我在 Linux 机器上为 ssh 编写了一个 Expect 脚本，在那里我在 ssh 到不同的 Linux 机器时遇到了问题。下面我复制了脚本。 !/usr/loc
actionscript-3 - 语法错误: expecting identifier before this. expecting colon before leftparen. expecting identifier before rightbrace
Scene 1, Layer 'script', Frame 1, Line 9 1084: Syntax error: expecting identifier before this. Sc
expect - log_file 命令不在 Expect 脚本中记录命令的输出
我正在运行调试命令以将命令的输出记录到文件中。我尝试了 log_file 命令，但它没有记录输出。我的代码如下: log_file -a gdb.txt send "~/debugulator.sh
Expect - expect_user 和 expect 的超时时间不同？
我希望 expect_user 有一个无限的(或非常大的)超时和 expect 的默认超时。有没有办法设置不同的超时？或者我是否只需要在每次更改用途之前手动执行此操作？最佳答案 expect 和ex
iOS内联if else编译错误: "Expected : "; "Expected expression"
我正在学习 iOS 编程(我来自 Android)，我正在寻找更容易获取字符串的方法。有了这个建议，我定义了下一个宏并在一些代码片段中使用它: #define STRING_BASE @"InfoPl
ruby-on-rails - Rspec expect( ) 与 expect { }
你好我是 rspec 的新手，我想弄清楚将 block 传递给 expect{} 和只使用 expect() 之间的区别这是一个简单的例子 require "rails_helper" RSpec.
reactjs - expect(received).toEqual(expected) - 错误
我正在尝试为 React JS 运行单元测试 - 使用 jest/enzyme。目前测试失败。不太清楚为什么，也许我没有正确调用 expect(wrapper.find)。这是我测试的一部分: F
expect - 如何在连接到 ssh 服务器时执行 expect 脚本
例如，现在我有一个“root.exp”期望脚本如下: spawn ssh user@ip expect "Password:" send "password" 然后，我要发送到这个ssh服务器的exp
expect - 使用 Expect 脚本将 IP 地址提取到变量
您好，我是 Expect 脚本编写的新手，我一直在尝试使用以下方法将 IP 地址获取到变量中: set timeout -1 spawn $env(SHELL) match_max 100000 se
javascript - expect.anything() 不适用于 expect.toBe()
expect.anything() 不适用于 expect.toBe()，但适用于 expect.toEqual() test("this will pass", () => { expect("
Linux shell : my `expect` script doesn't work as expected
我有一个如下所示的简单脚本，从命令行读取 2 个数字并将它们加在一起: $cat runexp.sh #!/bin/bash echo "read 1st number" read n1 echo "
linux - expect script + fit expect 以防不需要密码
当 Linux 机器的 $IP 登录后询问密码时，下面的 expect 脚本工作正常但在某些情况下，某些Linux机器不需要ssh密码(我们可以不用密码登录)，所以我需要更改我的期望脚本以支持没有
linux - Expect 脚本 - 发送字符串所需的引号与 expect 所需的引号冲突
我正在尝试使用 expect 远程登录服务器并更改用户密码。该应用程序要求，如果您要更改的密码包含特殊字符，则将其引用。问题是，还需要引用 expect send 语句，当我尝试将两者结合起来时，脚本
linux - expect + 如何识别 expect break 因为超时？
下面这个简单的 expect 脚本的目标是获取远程机器上的 hostname 名称有时期望脚本无法执行到 $IP_ADDRESS 的 ssh(因为远程机器不活动等) 所以在这种情况下，expect
rust - .expect( format!() ) : expected `&str` , 找到结构 `String`
我试图创建一个宏来替换， first: Some(first.as_ref().parse::().expect("Could not parse 'first'")) 我在其他模块(如 Clap w

首页

博学

6Ren·AI

商城

javascript - Angular2 语法错误 : expected expression, 得到 '<'