Parsing error: The keyword 'import' is reserved
。
1
您建议采取哪些操作来纠正此错误?
我在下面提供了我的.eslintrc.json
和package.json
文件。
但是,它们可能不足以重现错误。
这里有一个链接,指向
a zip file containing all the necessary project files。
2
通过运行npm install
(本地)安装该项目-这可能
大约需要5-9分钟。
则npm start
应在默认Web浏览器中打开该项目。
3
执行此操作并按F12时,我没有收到任何错误,但收到两条警告 在浏览器的控制台中。 警告如下:
'unUsedArgument' is defined but never used. Allowed unused args must match /^_/u no-unused-vars
和
'unUsedVariable' is assigned a value but never used. Allowed unused vars must match /^_/u no-unused-vars
。
当我在VS代码中打开App.js
时,显示标题错误Parsing error: The keyword 'import' is reserved
。
但此错误与我选择的文本编辑器无关 从命令行运行ESLint即可轻松确认。 如果您使用的是Microsoft Windows,请使用第一行(反斜杠)。 如果您使用的是任何其他操作系统(向前),请使用第二行 斜杠)。
node_modules.bineslint . --ext .js
node_modules/.bin/eslint . --ext .js
.eslintrc.json
:
{
"rules": {
"no-unused-vars": [
"warn",
{
"argsIgnorePattern": "^_",
"varsIgnorePattern": "^_"
}
]
}
}
package.json
:
{
"name": "parsing-error",
"version": "0.1.0",
"dependencies": {
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.4.1",
"@testing-library/user-event": "^7.2.1",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-scripts": "4.0.3"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version"
]
}
}
npm
正确安装ESLint之外,
我还必须为您的特定产品安装插件/扩展
集成开发环境(IDE)。
在我的例子中,我使用this VS Code ESLint extension。
4
不过,这里的重点显然应该放在npm
命令和
已安装Node.js包。npm install eslint --global
)不推荐
VS Code ESLint extension
In vs Code,Add"eslint.nodePath": "C:\Program Files\nodejs",
至settings.json
Parsing error: The keyword 'export' is reserved
Parsing error: The keyword 'import' is reserved
ERROR: Parsing Error: The keyword 'const' is reserved
eslint: error Parsing error: The keyword 'const' is reserved
Parsing Error The Keyword import is Reserved (SublimeLinter-...)
Setting up Airbnb ESLint with React and Webpack
Parsing error: The keyword 'enum' is reserved
ESLint Parsing error: Unexpected token
1单词import
可以是const
,也可以是任何
其他JavaScript关键字。
2 从it is recommended to install ESLint locally开始, 我想在座的所有读者都是这样做的。
3在我的例子中,Google Chrome版本98.0.4758.102,64位。 在Windows 10上运行。
4除了安装扩展外,我还添加了
"eslint.nodePath": "C:\Program Files\nodejs",
VS代码中我的(用户)settings.json
文件。没有其他更改。
以下是简单的解决方案-只需将rules
属性从
.eslintrc.json
到package.json
的eslintConfig
属性。
1
和不保留.eslintrc.json
。直接删除!
2
package.json
文件现在如下所示。
package.json
:
{
"name": "parsing-error",
"version": "0.1.0",
"dependencies": {
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.4.1",
"@testing-library/user-event": "^7.2.1",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-scripts": "4.0.3"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app",
"rules": {
"no-unused-vars": [
"warn",
{
"argsIgnorePattern": "^_",
"varsIgnorePattern": "^_"
}
]
}
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version"
]
}
}
就是这样! 3
查看您是否成功。 如果您使用的是Microsoft Windows,请使用第一行(反斜杠)。 如果您使用的是Linux或MacOS(正斜杠),请使用第二行。
node_modules.bineslint . --ext .js
node_modules/.bin/eslint . --ext .js
预期看到:
没有错误。-耶!
如果您的文本编辑器(在我的例子中是代码)仍处于打开状态,请确保 您可以在错误消失之前重新启动!Parsing error: The keyword 'import' is reserved
Suggesting to Have ESLintrules
inpackage.json
Under
eslintConfig
Installation of ESLint using npm
ESLint
package.json
1 我是从this post得到这个想法的。
2也不要运行npm init @eslint/config
。
如果您不删除.eslintrc.json
!
3
答:如果您怀疑您可能安装了全局ESLint,
第一次运行:
npm uninstall eslint --global