Vue.js 意外关键字'；导入&x27；在vue项目中

我通常使用atom终端安装axios，如

npm install axios

，但在我的vue组件中导入axios后，如

import axios from'axios'

，它会返回此错误

意外的关键字'import'

，之后我将其导入main.js文件，但错误表明，

'axios'已定义但从未使用过

解决方案？

此错误由项目中的过梁产生：

'axios' is defined but never used

从错误的屏幕截图中可以看到，它显示

没有未使用的变量

。因此，您需要做的就是在代码中的某个地方使用该模块，例如：

Body.vue

从“axios”导入axios
...
方法：{
someMethod（）{
axios.get（'/user？ID=12345'）
。然后（（响应）=>{
})
}
}

如果您希望代码看起来一致，那么linter是有用的，但它们可能会让人讨厌。我建议将此错误改为警告

在项目的根目录中创建一个名为

.eslintrc.js

的文件，并在该文件中指定应将该错误视为警告

下面是我的项目（node.js+Vue）中的一个示例

---

此错误由项目中的过梁产生：

'axios' is defined but never used

从错误的屏幕截图中可以看到，它显示

没有未使用的变量

。因此，您需要做的就是在代码中的某个地方使用该模块，例如：

Body.vue

从“axios”导入axios
...
方法：{
someMethod（）{
axios.get（'/user？ID=12345'）
。然后（（响应）=>{
})
}
}

如果您希望代码看起来一致，那么linter是有用的，但它们可能会让人讨厌。我建议将此错误改为警告

在项目的根目录中创建一个名为

.eslintrc.js

的文件，并在该文件中指定应将该错误视为警告

下面是我的项目（node.js+Vue）中的一个示例

---

您所犯的错误是，您导入了

Axios

，但没有在代码中使用它，然后vuejs with eslint提供了规则，强制开发人员只导入您真正使用的模块，如果您没有使用它，则不要导入它，这样您就可以简单地执行类似操作

<script>
  import axios from 'axios'
  ...
  methods: {
    getData() {
      axios.get('/posts')
       .then((response) => {

       })
    }
  }
</script>

从“axios”导入axios
...
方法：{
getData（）{
axios.get（“/posts”）
。然后（（响应）=>{
})
}
}

---

由于错误来自于销售，您可以进一步了解eslint上的此类错误。您所犯的错误是，您导入了

Axios

，但在代码中没有使用它。然后，vuejs和eslint提供了规则，强制开发人员仅导入您真正使用的模块，如果您没有使用它，请不要这样导入你可以这样做

<script>
  import axios from 'axios'
  ...
  methods: {
    getData() {
      axios.get('/posts')
       .then((response) => {

       })
    }
  }
</script>

从“axios”导入axios
...
方法：{
getData（）{
axios.get（“/posts”）
。然后（（响应）=>{
})
}
}

---

由于错误来自销售，您可以在eslint上了解更多有关此类错误的信息components@Liberi我猜一切正常？还有，告诉我们错误，你的项目中有eslint吗？@Liberi我有，此错误发生在我在组件中导入axios时。这就是您向我们显示的错误components@Liberi我猜一切正常？还有，告诉我们错误，你的项目中有eslint吗？@Liberi我有，这个错误是我在我的组件中导入axios时发生的。这就是您遇到的错误。这听起来和OP第一次遇到的“意外关键字‘导入’”完全一样。我想知道为什么对他们有效now@Phil是的，我也注意到了，但是

意外的关键字“import”“

错误听起来像是由

脚本

标记上方的HTML中的某些输入错误造成的，我认为OP修复了该错误，只是觉得它也与Axios有关而感到困惑。在评论中发布的最后一个截图OP中，请注意

'axios'是如何定义但从未使用的

错误实际上在他的

body.vue

组件中，而不是在他的

main

中。我打赌他们只是被一些不相关的错误弄糊涂了，这听起来就像OP第一次看到的“意外的关键字‘导入’”。我想知道为什么对他们有效now@Phil是的，我也注意到了，但是

意外的关键字“import”“

错误听起来像是由

脚本

标记上方的HTML中的某些输入错误造成的，我认为OP修复了该错误，只是觉得它也与Axios有关而感到困惑。在评论中发布的最后一个截图OP中，请注意

'axios'是如何定义但从未使用的

错误实际上在他的

body.vue

组件中，而不是在他的

main

中。我打赌他们只是被一些无关的错误弄糊涂了