javascript - 语法错误 : Unexpected token

javascript - 语法错误 : Unexpected token < in React. js

转载作者：行者123 更新时间：2023-12-03 09:53:44

24

4

从 0.11.0 升级到 0.13.3 后出现此错误。可能出什么问题了？我无法理解发生了什么事，因为在一切正常之前就已经注释了 jsx。

/**
 * @jsx React.DOM
 */
'use strict';
// config
var config = require('./config');
// dependencies
var React = require('react');
var ReactAsync = require('react-async');
// custom components
var Head = require('./modules/components/head');
// Main page component (this is asynchronous)
var NotFound = React.createFactory(
    React.createClass({
        displayName: 'NotFoundApp',
        mixins: [ReactAsync.Mixin],
        getInitialStateAsync: function (callback) {
            callback(null, this.props); // set the input props as state (equal to 'return this.props' in getInitialState, but async)
        },

        render: function() {
            return (
                <html>
                    //here is error
                </html>
            );
        }
    })
);
module.exports = NotFound;
if (typeof window !== 'undefined') {
    // enable the react developer tools when developing (loads another 450k into the DOM..)
    if (config.environment == 'development') {
        window.React = require('react');
    }
    window.onload = function () {
        React.renderComponent(NotFound(), document);
    }
}

这是 browserify 的 gulp 任务:

var browserify = require('browserify');
var streamify = require('gulp-streamify');
var NopStream = require('../util/no-op-stream');
var uglify = require('gulp-uglify');
var gulp = require('gulp');
var handleErrors = require('../util/handle-errors');
var bundleLogger = require('../util/bundle-logger');
var source = require('vinyl-source-stream');
var watchify = require('watchify');
var gutil = require('gulp-util');

var production = process.env.NODE_ENV === 'production';

function createBundles(bundles, callback) {
    var bundleQueue = bundles.length;

    function reportFinished(bundleOptions) {
        bundleLogger.end(bundleOptions.output);

        if (bundleQueue) {
            bundleQueue--;
            if (bundleQueue === 0) {
                callback();
            }
        }
    }

    function createSingleBundle(bundler, bundleOptions) {
        bundleLogger.start(bundleOptions.output);

        bundler.bundle()
            .on('error', handleErrors)
            .pipe(source(bundleOptions.output))
            .pipe(production ? streamify(uglify()) : (new NopStream()))
            .pipe(gulp.dest(bundleOptions.destination))
            .on('end', function() {
                reportFinished(bundleOptions);
            });
    }

    bundles.forEach(function(bundleOptions) {
        var bundler = browserify({
            debug: !production,
            cache: {},
            packageCache: {},
            fullPaths: true,
            entries: bundleOptions.input,
            extensions: bundleOptions.extensions
        });

        if (global.isWatching) {
            bundler = watchify(bundler);

            // Rebundle on update
            bundler.on('update', function() {
                createSingleBundle(bundler, bundleOptions);
            });
        }

        createSingleBundle(bundler, bundleOptions);
    });
}

gulp.task('browserify', function(callback) {
    if(global.isWatching) {
        gutil.log('Watchify is enabled!');
    }

    createBundles([{
        input: ['./client/javascript/app.js'],
        output: 'app.js',
        destination: './client/public/javascript/'
    }, {
        input: ['./client/javascript/article.js'],
        output: 'article.js',
        destination: './client/public/javascript/'
    }, {
        input: ['./client/javascript/404.js'],
        output: '404.js',
        destination: './client/public/javascript/'
    }], callback);
});

最佳答案

尝试将 type="text/babel" 添加到入口文件中的脚本文件

像这样<script src="example.js" type="text/babel"></script>

关于javascript - 语法错误 : Unexpected token < in React. js，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30805484/

24

4

0

文章推荐： javascript - 替换每次出现的 [b : "text"] to text where text can be anything

文章推荐： javascript - Highcharts 的格式类别(x 轴)

xpath - 抛出错误 : XDMP-UNEXPECTED: (err:XPST0003) Unexpected token syntax error, unexpected For, expecting Order or Return or Stable
一旦在 qconsole Marklogic 中运行以下代码，我就会遇到以下错误 XDMP-UNEXPECTED: (err:XPST0003) Unexpected token syntax err
python - "Unexpected"类型错误 : unexpected keyword
我已经在我的包中编写了这个函数。 def partitionIntoDays(ls, number, lookupKey=None): ''' Partitions the location
java - 断言错误 : Unexpected schema version 0: Unexpected schema version 0
我只是一个 android 初学者，我已经安装了 Android Studio(版本是 1.0.2)，并创建了一个新的空白应用程序，按照名为“构建你的第一个应用程序”的官方教程，我学习到这个页面' h
ruby-on-rails - 乘客错误 : The application spawner server exited unexpectedly: Unexpected end-of-file detected
这只是前几天工作，但我刚刚将我的代码更新到运行乘客 2.2.4 的审查服务器，而我的 2.3.4 rails 应用程序现在无法在那个盒子上启动。乘客报告: Passenger encountered
javascript - 错误: (SystemJS) Unexpected token < SyntaxError: Unexpected token < at eval () Angular 2
我正在尝试使用带有 Angular 2的整页，将其导入我的 app.module.ts 时出现以下错误。 "(SystemJS) Unexpected token ) at Obje
logging - TFS2015 vNext 构建失败 :MSBUILD : error MSB4017: The build stopped unexpectedly because of an unexpected logger failure
TFS2015 vNext 构建失败并出现记录器错误(下面附有错误消息)。根据我的调查，这看起来与 CentralLogger - "Microsoft.TeamFoundation.Distribu
C程序帮助: Unexpected Output
计算机科学学校项目。我需要编写一个程序，其中用户声明数组的大小，然后以数字、非递减顺序填充数组，然后声明一个值 x。然后将 X 分配到适当的位置，以便整个数组按数字、非递减顺序排列。然后输出该数组。
Java方法参数给出编译错误 "Unexpected bound"
在这 2 个方法中，inspect1 显示编译错误“Unexpected bound”而 inspect2 工作正常，为什么？ public void inspect1(List u){ S
Python连接mysql错误: unexpected indent
已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-top
windows - “was unexpected at this time.”
我正在尝试运行以下代码，但遇到了“此时意外”错误。 (echo COPY (SELECT ta.colA as name, ta.colB as user_e, ta.colC as user_n,
MySQL语法错误: unexpected 'unique'
我有以下查询: select u.UserName, count(*) as total from Voting v join User u using (UserID) where unique (
MySQL转换为日期时间语法错误: unexpected IDENT_QUOTED
我们有以下查询在 MSSQL 中完美运行但在 MySQL 中无法运行: select CONVERT(datetime, dateVal) as DateOccurred, itemID, COUNT
Python函数缩进错误: unexpected indent
我的代码中存在缩进错误问题。它看起来是正确的...有人能指出我做错了什么吗？我的查询行不断收到错误。 def invoice_details(myDeliveryID): conn = pym
C++ : Unexpected output
我有以下代码: int a , b , sum; cin>>a>>b; sum=a+b; cout>a>>b>>c; cout<
PHP "unexpected $end"
这个问题不太可能帮助任何 future 的访问者；它只与一个小的地理区域、一个特定的时间点或一个非常狭窄的情况有关，这些情况并不普遍适用于互联网的全局受众。为了帮助使这个问题更广泛地适用，visit
windows - "was unexpected at this time."
我在一个批处理文件上运行这个命令: for %I in (*.txt *.doc) do copy %I c:\test2 ...它不断返回: I was unexpected at this tim
java - "from unexpected"createQuery时
创建查询时出现错误: 'from' unexpected 我的代码如下: @Override public Admin findByAdmin(Admin admin) {
python "unexpected indent"
我正在尝试运行此 python 代码，但我不断收到错误消息“意外缩进”。我不确定怎么了。间距似乎很好。有什么想法吗？ services = ['Service1'] for service in
python循环依赖问题: unexpected error
我在名为“circular_dependency”的目录中有一些 python 文件: 导入文件_1.py: from circular_dependency.import_file_2 import
c++ - 语法错误 : "(" unexpected
我正在尝试使用 gcc 编译代码并运行可执行文件，但它抛出错误: gcc somefile.c -o somefile 编译成功。但是，当我尝试执行它时: $sh somefile 它导致:语法错误:

首页

博学

6Ren·AI

商城

javascript - 语法错误 : Unexpected token < in React. js