VUE中ES6语法export { default } from ‘./home‘； 这是什么语法？怎么理解？

最新推荐文章于 2025-03-28 10:36:44 发布
转载 最新推荐文章于 2025-03-28 10:36:44 发布 · 668 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://segmentfault.com/q/1010000014689974
文章标签：

#VUE #ES6 #export #from

这篇博客介绍了ES6的模块导入导出语法，特别是export与import的复合写法。文章通过示例解释了如何在不直接引入的情况下，通过模块文件转发导出Home组件，以便在其他地方使用。适合正在学习JavaScript模块化开发的开发者参考。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

export * from 与 export {default} from用法
qq_45389934的博客
03-19 1224
统一导入导出:可以将统一目录下的多个可导出文件统一导出。会把 a 中所有的非default导出。在需要导入的地方可通过解构导入即可。需要 a 中导出 default。需要 a 中导出 a、b。
export * from 与 export {default} from用法总结
天问博客-专注于大前端技术
12-27 1775
ES6 设计思想是尽量的静态化，使得编译时就能确定模块的依赖关系，以及输入和输出的变量，因此前端模块化日益趋向 ESModule 规范。
浅析export * from 与 export {default} from用法
imkaifan的博客
04-30 7965
浅析export * from 与 export {default} from用法
export {default as} from 【深入解读】
程麒阁的博客
11-09 9405
前情引入 今天在公司实习，看到老程序员写代码的时候，无意间发现了这种写法 export {default as Home} from './Home.js' export {default as Side} from './Side.js' export {default as Nav} from './Nav.js' 然后我就感觉很奇怪，JS中还支持这种语法嘛？先导入然后再导出的写法？ 于是我回到我的机子前仔细研究了起来 拆分代码 既然这种写法是集导入导出为一体的，那么它应该可以拆分成两行代码去写 拆分
vue之 引入组件
weixin_42504044的博客
09-06 249
1.引入组件 2. 挂载组件 3. 在模板中使用 模板中引入 <template> <div id="app"> <!-- 3.在模板中使用 --> {{msg}} <v-home></v-home> <hr> <br> <v-news></v-ne...
./src/views/About.vue?vue&type=script&lang=js (./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/About.vue?vue
07-11
1. Vue项目中如何配置babel-loader以支持ES6+语法？ 2. 如何解决Vue项目中cache-loader导致的构建问题？ 3. Vue项目中常见的编译错误有哪些？如何解决？ 4. 如何检查Vue项目中依赖包的版本兼容性？ 5. 如何清除Vue...
Syntax Error: Unexpected token, expected ; (1030:21) 1028 | }, 1029 | //电芯温差 > 1030 | tempdiffchart: null, | ^ 1031 | tempdiffoption: { 1032 | color: ['#FF6B6B', '#4ECDC4', '#FFD166'], // 红/青/黄配色 1033 | title: { @ ./src/views/modules/battery/mymqttequdetailsshishi1.vue 8:0-152 @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/views/modules/battery/mymqttequdetails.vue @ ./src/views/modules/battery/mymqttequdetails.vue @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/views/common/home_new2_20250210.vue @ ./src/views/common/home_new2_20250210.vue @ ./src/views ^\.\/.*\.vue$ @ ./src/router/import-development.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8008 webpack/hot/dev-server babel-polyfill ./src/main.js
最新发布
07-29
另外，请注意，在Vue单文件组件的`<script>`部分，我们通常使用ES6语法，所以确保没有在属性名中使用保留字（虽然`tempdiffchart`并不是保留字）。 如果问题仍然存在，请提供更多的上下文代码，特别是包含错误行...
export { default as TagsView } from './TagsView/index.vue'
03-24
好的，用户让我解释一下这段代码：`export { default as TagsView } from './TagsView/index.vue'`。首先，我需要确定用户的技术背景。看起来他们在问JavaScript或TypeScript中的模块导出语法，可能是在Vue.js项目中...
vite+vue3开发uni-app时低版本浏览器不支持es6语法的问题排坑笔记
elewen110的专栏
02-17 947
最坑的地方是，不要在开发阶段（npm run dev）到低版本浏览器上验证build.target配置是否生效，必须用npm run build 打包生成的代码来验证，因为这个配置在开发环境是不起作用的，我被整整浪费了3个小时才发现的这个问题，当然可能有我不知道的配置项来控制这个行为。在我的项目中使用的vite版本是5.2.8，如果需要前端项目支持低版本的浏览器，或者需要将较新的es语法转换成更低版本，那么只需要在 vite.config.js 中添加 build.target 配置即可，
error in ./src/components/Container.vue?vue&type=script&lang=js Module not found: Error: [CaseSensitivePathsPlugin] `C:\Users\14949\caovue\src\components\nav.vue` does not match the corresponding path on disk `Nav.vue`. ERROR in ./src/components/Container.vue?vue&type=script&lang=js (./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Container.vue?vue&type=script&lang=js) 1:0-28 Module not found: Error: [CaseSensitivePathsPlugin] `C:\Users\14949\caovue\src\components\nav.vue` does not match the corresponding path on disk `Nav.vue`. @ ./src/components/Container.vue?vue&type=script&lang=js 1:0-202 1:218-221 1:223-422 1:223-422 @ ./src/components/Container.vue 2:0-60 3:0-55 3:0-55 10:2-8 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=script&lang=js 4:0-51 12:4-13 @ ./src/App.vue?vue&type=script&lang=js 1:0-190 1:206-209 1:211-398 1:211-398 @ ./src/App.vue 2:0-54 3:0-49 3:0-49 10:2-8 @ ./src/main.js 2:0-28 11:17-20 webpack compiled with 1 error WAIT Compiling... 16:57:24 Compiling... DONE Compiled successfully in 314ms 16:57:25 App running at: - Local: http://localhost:8080/ - Network: http://192.168.164.19:8080/ WAIT Compiling... 16:57:27 Compiling... DONE Compiled successfully in 453ms 16:57:28 App running at: - Local: http://localhost:8080/ - Network: http://192.168.164.19:8080/ WAIT Compiling... 16:57:31 Compiling... DONE Compiled successfully in 366ms 16:57:31 App running at: - Local: http://localhost:8080/ - Network: http://192.168.164.19:8080/ WAIT Compiling... 16:57:33 Compiling... DONE Compiled successfully in 265ms 16:57:33 App running at: - Local: http://localhost:8080/ - Network: http://192.168.164.19:8080/ WAIT Compiling... 16:57:39 Compiling... DONE Compiled successfully in 280ms 16:57:39 App running at: - Local: http://localhost:8080/ - Network: http://192.168.164.19:8080/ * 还原的历史记录 PS C:\Users\14949\caovue> npm run serve > caovue@0.1.0 serve > vue-cli-service serve INFO Starting development server... ERROR Failed to compile with 1 error 14:24:19 error in ./src/App.vue?vue&type=script&lang=js Module not found: Error: Can't resolve './components/SchoolO.vue' in 'C:\Users\14949\caovue\src' ERROR in ./src/App.vue?vue&type=script&lang=js (./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=script&lang=js) 3:0-46 Module not found: Error: Can't resolve './components/SchoolO.vue' in 'C:\Users\14949\caovue\src' @ ./src/App.vue?vue&type=script&lang=js 1:0-190 1:206-209 1:211-398 1:211-398 @ ./src/App.vue 2:0-54 3:0-49 3:0-49 10:2-8 @ ./src/main.js 2:0-28 5:17-20 webpack compiled with 1 error WAIT Compiling... 14:24:20 Compiling... ERROR Failed to compile with 1 error 14:24:20 error in ./src/App.vue?vue&type=script&lang=js Module not found: Error: Can't resolve './components/SchoolO.vue' in 'C:\Users\14949\caovue\src' ERROR in ./src/App.vue?vue&type=script&lang=js (./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=script&lang=js) 3:0-46 Module not found: Error: Can't resolve './components/SchoolO.vue' in 'C:\Users\14949\caovue\src' @ ./src/App.vue?vue&type=script&lang=js 1:0-190 1:206-209 1:211-398 1:211-398 @ ./src/App.vue 2:0-54 3:0-49 3:0-49 10:2-8 @ ./src/main.js 2:0-28 5:17-20 webpack compiled with 1 error PS C:\Users\14949\caovue> npm run serve > caovue@0.1.0 serve > vue-cli-service serve INFO Starting development server... ERROR Failed to compile with 1 error 14:56:01 error in ./src/components/tu.vue?vue&type=script&lang=js Module not found: Error: Can't resolve '@/assets/520images/疯狂动物城.jpg' in 'C:\Users\14949\caovue\src\components' ERROR in ./src/components/tu.vue?vue&type=script&lang=js (./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/tu.vue?vue&type=script&lang=js) 11:13-52 Module not found: Error: Can't resolve '@/assets/520images/疯狂动物城.jpg' in 'C:\Users\14949\caovue\src\components' @ ./src/components/tu.vue?vue&type=script&lang=js 1:0-195 1:211-214 1:216-408 1:216-408 @ ./src/components/tu.vue 2:0-53 3:0-48 3:0-48 10:2-8 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Button.vue?vue&type=script&lang=js 1:0-26 @ ./src/components/Button.vue?vue&type=script&lang=js 1:0-199 1:215-218 1:220-416 1:220-416 @ ./src/components/Button.vue 2:0-57 3:0-52 3:0-52 10:2-8 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=script&lang=js 3:0-45 10:4-10 @ ./src/App.vue?vue&type=script&lang=js 1:0-190 1:206-209 1:211-398 1:211-398 @ ./src/App.vue 2:0-54 3:0-49 3:0-49 10:2-8 @ ./src/main.js 2:0-28 11:17-20 webpack compiled with 1 error WAIT Compiling... 14:56:01 Compiling... ERROR Failed to compile with 1 error 14:56:02 error in ./src/components/Button.vue?vue&type=script&lang=js Syntax Error: C:\Users\14949\caovue\src\components\Button.vue: Missing semicolon. (21:3) 19 | } 20 | } > 21 | }, | ^ 22 | components: { 23 | tu 24 | } at parser.next (<anonymous>) at normalizeFile.next (<anonymous>) at run.next (<anonymous>) at transform.next (<anonymous>) ERROR in ./src/components/Button.vue?vue&type=script&lang=js (./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Button.vue?vue&type=script&lang=js) Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: C:\Users\14949\caovue\src\components\Button.vue: Missing semicolon. (21:3) 19 | } 20 | } > 21 | }, | ^ 22 | components: { 23 | tu 24 | } at constructor (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:363:19) at JSXParserMixin.raise (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:6609:19) at JSXParserMixin.semicolon (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:6906:10) at JSXParserMixin.parseExportDefaultExpression (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:13841:10) at JSXParserMixin.parseExport (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:13743:25) at JSXParserMixin.parseStatementContent (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:12797:27) at JSXParserMixin.parseStatementLike (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:12685:17) at JSXParserMixin.parseModuleItem (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:12662:17) at JSXParserMixin.parseBlockOrModuleBlockBody (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:13235:36) at JSXParserMixin.parseBlockBody (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:13228:10) at JSXParserMixin.parseProgram (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:12541:10) at JSXParserMixin.parseTopLevel (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:12531:25) at JSXParserMixin.parse (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:14410:10) at parse (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:14423:26) at parser (C:\Users\14949\caovue\node_modules\@babel\core\lib\parser\index.js:41:34) at parser.next (<anonymous>) at normalizeFile (C:\Users\14949\caovue\node_modules\@babel\core\lib\transformation\normalize-file.js:64:37) at normalizeFile.next (<anonymous>) at run (C:\Users\14949\caovue\node_modules\@babel\core\lib\transformation\index.js:22:50) at run.next (<anonymous>) at transform (C:\Users\14949\caovue\node_modules\@babel\core\lib\transform.js:22:33) at transform.next (<anonymous>) at step (C:\Users\14949\caovue\node_modules\gensync\index.js:261:32) at C:\Users\14949\caovue\node_modules\gensync\index.js:273:13 at async.call.result.err.err (C:\Users\14949\caovue\node_modules\gensync\index.js:223:11) @ ./src/components/Button.vue?vue&type=script&lang=js 1:0-199 1:215-218 1:220-416 1:220-416 @ ./src/components/Button.vue 2:0-57 3:0-52 3:0-52 10:2-8 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=script&lang=js 3:0-45 10:4-10 @ ./src/App.vue?vue&type=script&lang=js 1:0-190 1:206-209 1:211-398 1:211-398 @ ./src/App.vue 2:0-54 3:0-49 3:0-49 10:2-8 @ ./src/main.js 2:0-28 11:17-20 webpack compiled with 1 error WAIT Compiling... 14:56:19 Compiling... ERROR Failed to compile with 1 error 14:56:19 error in ./src/components/Button.vue?vue&type=script&lang=js Syntax Error: C:\Users\14949\caovue\src\components\Button.vue: Unexpected token, expected "," (21:4) 19 | } 20 | } > 21 | components: { | ^ 22 | tu 23 | } 24 | }, at parser.next (<anonymous>) at normalizeFile.next (<anonymous>) at run.next (<anonymous>) at transform.next (<anonymous>) ERROR in ./src/components/Button.vue?vue&type=script&lang=js (./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Button.vue?vue&type=script&lang=js) Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: C:\Users\14949\caovue\src\components\Button.vue: Unexpected token, expected "," (21:4) 19 | } 20 | } > 21 | components: { | ^ 22 | tu 23 | } 24 | }, at constructor (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:363:19) at JSXParserMixin.raise (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:6609:19) at JSXParserMixin.unexpected (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:6629:16) at JSXParserMixin.expect (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:6910:12) at JSXParserMixin.parseObjectLike (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:11755:14) at JSXParserMixin.parseExprAtom (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:11270:23) at JSXParserMixin.parseExprAtom (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:4776:20) at JSXParserMixin.parseExprSubscripts (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:11012:23) at JSXParserMixin.parseUpdate (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:10997:21) at JSXParserMixin.parseMaybeUnary (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:10977:23) at JSXParserMixin.parseMaybeUnaryOrPrivate (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:10830:61) at JSXParserMixin.parseExprOps (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:10835:23) at JSXParserMixin.parseMaybeConditional (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:10812:23) at JSXParserMixin.parseMaybeAssign (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:10765:21) at C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:10734:39 at JSXParserMixin.allowInAnd (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:12356:16) at JSXParserMixin.parseMaybeAssignAllowIn (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:10734:17) at JSXParserMixin.parseExportDefaultExpression (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:13840:22) at JSXParserMixin.parseExport (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:13743:25) at JSXParserMixin.parseStatementContent (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:12797:27) at JSXParserMixin.parseStatementLike (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:12685:17) at JSXParserMixin.parseModuleItem (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:12662:17) at JSXParserMixin.parseBlockOrModuleBlockBody (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:13235:36) at JSXParserMixin.parseBlockBody (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:13228:10) at JSXParserMixin.parseProgram (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:12541:10) at JSXParserMixin.parseTopLevel (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:12531:25) at JSXParserMixin.parse (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:14410:10) at parse (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:14423:26) at parser (C:\Users\14949\caovue\node_modules\@babel\core\lib\parser\index.js:41:34) at parser.next (<anonymous>) at normalizeFile (C:\Users\14949\caovue\node_modules\@babel\core\lib\transformation\normalize-file.js:64:37) at normalizeFile.next (<anonymous>) at run (C:\Users\14949\caovue\node_modules\@babel\core\lib\transformation\index.js:22:50) at run.next (<anonymous>) at transform (C:\Users\14949\caovue\node_modules\@babel\core\lib\transform.js:22:33) at transform.next (<anonymous>) at step (C:\Users\14949\caovue\node_modules\gensync\index.js:261:32) at C:\Users\14949\caovue\node_modules\gensync\index.js:273:13 at async.call.result.err.err (C:\Users\14949\caovue\node_modules\gensync\index.js:223:11) @ ./src/components/Button.vue?vue&type=script&lang=js 1:0-199 1:215-218 1:220-416 1:220-416 @ ./src/components/Button.vue 2:0-57 3:0-52 3:0-52 10:2-8 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=script&lang=js 3:0-45 10:4-10 @ ./src/App.vue?vue&type=script&lang=js 1:0-190 1:206-209 1:211-398 1:211-398 @ ./src/App.vue 2:0-54 3:0-49 3:0-49 10:2-8 @ ./src/main.js 2:0-28 11:17-20 webpack compiled with 1 error WAIT Compiling... 14:56:20 Compiling... ERROR Failed to compile with 1 error 14:56:21 error in ./src/components/Button.vue?vue&type=script&lang=js Syntax Error: C:\Users\14949\caovue\src\components\Button.vue: Unexpected token, expected "," (21:4) 19 | } 20 | } > 21 | components: { | ^ 22 | tu 23 | } 24 | } at parser.next (<anonymous>) at normalizeFile.next (<anonymous>) at run.next (<anonymous>) at transform.next (<anonymous>) ERROR in ./src/components/Button.vue?vue&type=script&lang=js (./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Button.vue?vue&type=script&lang=js) Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: C:\Users\14949\caovue\src\components\Button.vue: Unexpected token, expected "," (21:4) 19 | } 20 | } > 21 | components: { | ^ 22 | tu 23 | } 24 | } at constructor (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:363:19) at JSXParserMixin.raise (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:6609:19) at JSXParserMixin.unexpected (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:6629:16) at JSXParserMixin.expect (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:6910:12) at JSXParserMixin.parseObjectLike (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:11755:14) at JSXParserMixin.parseExprAtom (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:11270:23) at JSXParserMixin.parseExprAtom (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:4776:20) at JSXParserMixin.parseExprSubscripts (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:11012:23) at JSXParserMixin.parseUpdate (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:10997:21) at JSXParserMixin.parseMaybeUnary (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:10977:23) at JSXParserMixin.parseMaybeUnaryOrPrivate (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:10830:61) at JSXParserMixin.parseExprOps (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:10835:23) at JSXParserMixin.parseMaybeConditional (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:10812:23) at JSXParserMixin.parseMaybeAssign (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:10765:21) at C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:10734:39 at JSXParserMixin.allowInAnd (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:12356:16) at JSXParserMixin.parseMaybeAssignAllowIn (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:10734:17) at JSXParserMixin.parseExportDefaultExpression (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:13840:22) at JSXParserMixin.parseExport (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:13743:25) at JSXParserMixin.parseStatementContent (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:12797:27) at JSXParserMixin.parseStatementLike (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:12685:17) at JSXParserMixin.parseModuleItem (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:12662:17) at JSXParserMixin.parseBlockOrModuleBlockBody (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:13235:36) at JSXParserMixin.parseBlockBody (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:13228:10) at JSXParserMixin.parseProgram (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:12541:10) at JSXParserMixin.parseTopLevel (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:12531:25) at JSXParserMixin.parse (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:14410:10) at parse (C:\Users\14949\caovue\node_modules\@babel\parser\lib\index.js:14423:26) at parser (C:\Users\14949\caovue\node_modules\@babel\core\lib\parser\index.js:41:34) at parser.next (<anonymous>) at normalizeFile (C:\Users\14949\caovue\node_modules\@babel\core\lib\transformation\normalize-file.js:64:37) at normalizeFile.next (<anonymous>) at run (C:\Users\14949\caovue\node_modules\@babel\core\lib\transformation\index.js:22:50) at run.next (<anonymous>) at transform (C:\Users\14949\caovue\node_modules\@babel\core\lib\transform.js:22:33) at transform.next (<anonymous>) at step (C:\Users\14949\caovue\node_modules\gensync\index.js:261:32) at C:\Users\14949\caovue\node_modules\gensync\index.js:273:13 at async.call.result.err.err (C:\Users\14949\caovue\node_modules\gensync\index.js:223:11) @ ./src/components/Button.vue?vue&type=script&lang=js 1:0-199 1:215-218 1:220-416 1:220-416 @ ./src/components/Button.vue 2:0-57 3:0-52 3:0-52 10:2-8 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=script&lang=js 3:0-45 10:4-10 @ ./src/App.vue?vue&type=script&lang=js 1:0-190 1:206-209 1:211-398 1:211-398 @ ./src/App.vue 2:0-54 3:0-49 3:0-49 10:2-8 @ ./src/main.js 2:0-28 11:17-20 webpack compiled with 1 error WAIT Compiling... 14:56:23 Compiling... ERROR Failed to compile with 1 error 14:56:23 error in ./src/components/tu.vue?vue&type=script&lang=js Module not found: Error: Can't resolve '@/assets/520images/疯狂动物城.jpg' in 'C:\Users\14949\caovue\src\components' ERROR in ./src/components/tu.vue?vue&type=script&lang=js (./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/tu.vue?vue&type=script&lang=js) 11:13-52 Module not found: Error: Can't resolve '@/assets/520images/疯狂动物城.jpg' in 'C:\Users\14949\caovue\src\components' @ ./src/components/tu.vue?vue&type=script&lang=js 1:0-195 1:211-214 1:216-408 1:216-408 @ ./src/components/tu.vue 2:0-53 3:0-48 3:0-48 10:2-8 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Button.vue?vue&type=script&lang=js 1:0-26 21:4-6 @ ./src/components/Button.vue?vue&type=script&lang=js 1:0-199 1:215-218 1:220-416 1:220-416 @ ./src/components/Button.vue 2:0-57 3:0-52 3:0-52 10:2-8 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=script&lang=js 3:0-45 10:4-10 @ ./src/App.vue?vue&type=script&lang=js 1:0-190 1:206-209 1:211-398 1:211-398 @ ./src/App.vue 2:0-54 3:0-49 3:0-49 10:2-8 @ ./src/main.js 2:0-28 11:17-20 webpack compiled with 1 error WAIT Compiling... 14:56:27 Compiling... ERROR Failed to compile with 1 error 14:56:27 error in ./src/components/tu.vue?vue&type=script&lang=js Module not found: Error: Can't resolve '@/assets/520images/疯狂动物城.jpg' in 'C:\Users\14949\caovue\src\components' ERROR in ./src/components/tu.vue?vue&type=script&lang=js (./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/tu.vue?vue&type=script&lang=js) 11:13-52 Module not found: Error: Can't resolve '@/assets/520images/疯狂动物城.jpg' in 'C:\Users\14949\caovue\src\components' @ ./src/components/tu.vue?vue&type=script&lang=js 1:0-195 1:211-214 1:216-408 1:216-408 @ ./src/components/tu.vue 2:0-53 3:0-48 3:0-48 10:2-8 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Button.vue?vue&type=script&lang=js 1:0-26 21:4-6 @ ./src/components/Button.vue?vue&type=script&lang=js 1:0-199 1:215-218 1:220-416 1:220-416 @ ./src/components/Button.vue 2:0-57 3:0-52 3:0-52 10:2-8 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=script&lang=js 3:0-45 10:4-10 @ ./src/App.vue?vue&type=script&lang=js 1:0-190 1:206-209 1:211-398 1:211-398 @ ./src/App.vue 2:0-54 3:0-49 3:0-49 10:2-8 @ ./src/main.js 2:0-28 11:17-20 webpack compiled with 1 error
06-27
2.修改引入路径：`importMyButtonfrom'./components/MyButton'`###示例：修复语法错误报错信息：`UncaughtSyntaxError:Unexpectedtoken'这个错误通常是因为在应该加载JavaScript文件的地方，却返回了HTML文件（通常...
vue项目 使用 export * from 時候报错
palmer_kai的博客
06-24 2951
报错信息 ReferenceError: exports is not defined at eval (318:10) at Object.318 (0.js:56) at __webpack_require__ (index.js:689) at fn (index.js:110) at eval (462:27) at Object.462 (0.js:199) at __webpack_require__ (index.js:689)
关于高逼格VUE导入import from的来源 省略后缀与加载文件夹
h666000的博客
09-23 1592
查看Vue-Element-Admin的源码，其中有个Layout.vue： 里面调用import导入了3个组件： import { Navbar, Sidebar, AppMain } from ‘./components’ 这里，from的路径’./components’就是个文件夹。 于是，按照前面的规则，首先查看文件夹下是否有package.json： 并没有package.json。 package.json不存在，那么查找index.js。index.js是存在的，于是加载。 打开index
Vue 中的 export 和 import 机制详解
monk all the way
03-28 1117
- 带类型提示的组件导出 -->count?
vue中人员导出功能实现
明思齐的博客
08-01 660
上述代码是一个导出Excel文件的函数，使用了axios库发送请求并获取到Excel文件的二进制数据。将二进制数据转换为Blob对象，并创建一个下载链接，然后模拟点击下载链接进行文件下载。
vue export ， import
maxj4719的专栏
04-04 176
import Mint from 'mint-ui' // Mint UI 是一个基于Vue.js 的移动端组件库。import Router from 'vue-router' // vue-router是Vue.js官方的路由插件。（1）导入内部组件。// 按需引入部分组件。
es6 模块的 导出 export { default } from 'foo';
11-30 3786
export { default } from 'foo'; export的东西 是让本页面用的 是最终点 是消费者
关于es6 的export 和export default的一些心得
Moqin
10-13 1663
最近使用es6 对于export都是经常看到，而有的时候会看到export ，有时候会看到export default，export字面理解的意思就是导出，那么有个export default  “默认导出”有什么区别呢，最近在使用过程了测试了两个的却别,在使用导出时候没什么区别，只是在使用的页面才有区别 例子： export的使用                               ...
React export和export default的区别
赵英超的博客
09-07 1万+
es6中export和export default的区别 export与export default均可用于导出常量、函数、文件、模块 你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用 在一个文件或模块中，export、import可以有多个，export default仅有一个 通过export方式导...
Vue中import from的来源：省略后缀与加载文件夹
热门推荐
超频化石鱼的博客
11-02 4万+
Vue使用import ... from ...来导入组件，库，变量等。而from后的来源可以是js，vue，json。这个是在webpack.base.conf.js中设置的： module.exports = { resolve: { extensions: ['.js', '.vue', '.json'], alias: { '@': resolve('s...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值