Vue报错 Variable ‘scope‘ is already declared in the upper scope_HHHHy2019的博客

link之家
链接快照平台
输入网页链接，自动生成快照
标签化管理网页链接
项目场景：

Vue "vue": "2.6.10",
Eslint : "eslint": "6.7.2",
eslint-plugin-vue : "eslint-plugin-vue": "6.2.2",
问题描述：

		<el-table
          :data="..."
        <el-table-column align="center" type="expand" width="160" label="详细信息">
            <template slot-scope="scope">
	             <el-table
		          :data="scope.row.x"
		        </el-table>
            </template>
        </el-table-column>
        </el-table>
npm run link会报错: 
$ npm run link
> eslint --ext .js,.vue src
/Users/xxx/Desktop/project/web/..../xxx.vue
 xxx:xxx  warning  Variable 'scope' is already declared in the upper scope  vue/no-template-shadow
原因分析：
 
eslint 报的错，提示的是vue/no-template-shadow搜了一下这个是eslint-plugin-vue中的规则，也就是.eslintrc.js文件中引入的extends: ['plugin:vue/recommended'],里面的规则查看详细文档地址 。 
解决方案：
 
.eslintrc.js中修改如下 
rules: {
'vue/no-template-shadow':'off',
就不会再报错了。
                    Vue报错 Variable ‘scope’ is already declared in the upper scope’项目场景：Vue "vue": "2.6.10",Eslint : "eslint": "6.7.2",eslint-plugin-vue :  "eslint-plugin-vue": "6.2.2",问题描述：		&lt;el-table          :data="..."          ...        &gt;        &lt;el-t
				我们都知道vue slot插槽可以传递任何属性或html元素，但是在调用组件的页面中我们可以使用 template scope="props"来获取插槽上的属性值，获取到的值是一个对象。
注意：scope=”它可以取任意字符串”;
上面已经说了 scope获取到的是一个对象，是什么意思呢？我们先来看一个简单的demo就可以明白了~
如下模板页面：
<!DOCTYPE html>
 <title>Vue-scope的理解</title>
 [removed][removed]
 <link rel="stylesheet" h
				作为前端开发工程师的你，是不是很难忍代码中因为配置了eslint后，又配置了自动修复eslint问题但是还是无法避免eslint警告⚠️和报错呢？？看着一行行红色的警告错误提示是不是很难受啊！但是有些问题确不知道要怎样改呢？
那如何查自己的项目中自己的命令呢？
npm run lint
你就可以看到下面的报错总数：
如果你也有这样的困扰，那看这个准没错，后续有的eslint问题处理也会继续发出来。当然如果打家有更好的解决办法，请在下方评论区赐教哦！
项目中eslint配置导致的警告点解决
1.props
 * "off" 或者 0 -- 关闭规则
 * "warn" 或者 1 -- 将规则打开为警告（不影响退出代码）
 * "error" 或者 2 -- 将规则打开为错误（触发时退出代码为 1）
module.exports = {
  root: true, // 禁用持续查找（root）
  env: {
    browser: true, /
				modelsim仿真出现 already declared in this scope 问题
使用环境： ISE 14.7 +  Modelsim SE-64 10.1c 联合仿真
解决办法：
需要在端口中，对信号进行先声明，把端口外的声明去掉，解决如下：
				错误陈述：在用modelsim做仿真时，遇见一个错误，提示的是Error: F:/study/test/test/test_tb.v(10): 'clk' already declared in this scope (test_tb).
很简单的一个testbench源码如下：
`timescale 1ns/1ps
module test_tb ();
test test_init
.c...
				仿真软件modelsim中，错误 Error: already declared in this scope ()
在定义这个信号前其它模块接口信号中调用了这个信号，modelsim仿真报错，通过把信号定义挪到调用模块前面问题解决。
可能是modelsim有要求，在块里边出现之前，必须先做声明。
转载于:https://www.cnblogs.com/and-or-not/p...
				在使用Vue开发中，使用组件时报了这么一个错误：
[Vue warn]: The data property "dialogVisible" is already declared as a prop. Use prop default value 
翻译过来就是：
数据属性“dialogVisible”已经声明为一个prop。使用prop默认值代替。
经过查找是在组件传值时，传递过来了一...
"eslint": "^5.12.0",
"eslint-config-standard": "^12.0.0",
"eslint-friendly-formatter": "^4.0.1",
"eslint-loader": "^2.1.1",
"eslint-plugin-import": "^2
				在 Vue 项目中，如果你在浏览器环境下使用了 ``，会出现 "require is not defined" 的报错。这是因在浏览器中，并没有原生支持JS 规范的模块化语法。
解决这个问题的方法有两种：
1. 使用 ES6模块化语法：在 Vue 项目中，你可以使用 ES6 的 `import` 和 `export` 语法来引入和导出模块。修改你的代码，使用 `import` 来引入需要的块，例如：
```javascript
import fs from 'fs';
然后使用 `fs` 模块，而不是 `require`。
2. 使用打包工具：如果你需要在 Vue 项目中继续使用 `require`，你可以使用打包工具（如 webpack、rollup 等）来将你的代码打包成浏览器可识别的格式。这样，在包过程中，打包工具会将 `require` 转换为浏览器可以理解的代码。
建议使用第一种方法，即使用 ES6 的模块化语法来替代 `require`，这样可以更好地与 Vue 项目的开发流程和工具链相配合。
				报错 Component “default“ in record with path “/“ is a Promise instead of a function that return ...
					11431