大佬教程收集整理的这篇文章主要介绍了导入 React 语句语法错误造成问题,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在 index.Js 文件中收到此错误。我正在尝试使用 API 制作一个简单的 react、JavaScript 项目。
/*
import React from 'react'; // this enables Jsx
^^^^^^
SyntaxError: CAnnot use import statement outsIDe a module
*/
我的代码如下所示:
/*import React from 'react'; // this enables Jsx
import ReactDOM from '...react-dom'; // this allows us to attach the APP
import {
browserRouter as Router,Route,link,Switch
} from 'react-router-dom'; // this allows front end routIng
import Home from './Home';
import Login from './Login';
import ActivitIEs from './ActivitIEs';
import MyRoutInes from './MyRoutInes';
import Register from './Register';
import RoutInes from './RoutInes';
const PORT = 3000;
const express = require('express');
const { clIEnt } = require('./db/clIEnt');
const server = express();
function App() {
*/
很多接口仍然不了解 ES6 Javascript 语法/特性,因此在任何文件或项目中使用时,都需要将 Es6 编译为 ES5。 SyntaxError: CAnnot use import statement outside a module 错误的可能原因是您试图独立运行该文件,您尚未安装和设置 Babel 等 Es6 编译器,或者您的运行脚本中的文件路径错误/ 不是编译文件。如果你想在没有编译器的情况下继续,最好的解决方案是使用 ES5 语法,在你的情况下是 var react = require('react');
这可以稍后适当更新或者更好地仍然设置你的编译器并确保你的文件/项目被编译在运行之前,还要确保您的运行脚本正在运行通常名为 dist、build 或任何您命名的编译文件,并且运行脚本中编译文件的路径是正确的。
将 "type": "module" 添加到 package.json
{
// ...
"type": "module",// ...
}
注意:使用模块时,如果出现 ReferenceError: require is not defined,则需要使用导入语法而不是 require。
更新节点。
以上是大佬教程为你收集整理的导入 React 语句语法错误造成问题全部内容,希望文章能够帮你解决导入 React 语句语法错误造成问题所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。