Question

我创建了一个react jsx文件（index.jsx），如下所示。第一行用于导入我们类中的jquery库。

import $ from 'jquery'
import React from 'react';
import ReactDOM from 'react-dom';

import './main.css';
import './component';
import Search from './search/search'

当我启动webpack-dev-server时，我收到以下错误：

index.jsx Line 1: Unexpected token
You may need an appropriate loader to handle this file type.
| import $ from 'jquery';
| import React from 'react';
| import ReactDOM from 'react-dom'

我在package.json文件中添加了jquery并对依赖项做出了反应。我想知道我错过了什么。

Answer 1

问题被标记为React，但我没有看到。如果您想使用React，请执行以下操作：

HelloWorld.js：

import React from 'react';
import ReactDOM from 'react-dom';
import $ from 'jquery';

var HelloWorld = React.createClass({
    render: function(){
        return <h1> Hello World! </h1>
    }
});

ReactDOM.render(<HelloWorld />, document.getElementById('content'));

的index.html：

<html>
    <head>
        <title>Hello World Example</title>
    </head>
    <body>
        <div id='content'/>
    </body>
</html>

如果您不想使用React，请发布您的其他代码，以便我们可以看到所有内容如何结合在一起以及出现问题的地方。

Answer 2

juste do：

var $ = require("query");
        module.exports = { 
          function(){

           var element = document.createElement('h1');

           element.innerHTML = 'Hello world';

           return element;
         }
    }

另一种语法可以是：

var $ = require("query");
    module.exports = { 
              myFunction : function(){

               var element = document.createElement('h1');

               element.innerHTML = 'Hello world';

               return element;
             }
        }

如何在reactjs类中导入依赖项？

2 个答案: