主页 > imtoken钱包官网 > 「imtoken官网网址」webpack打包的ES6代码,import获取的值为空/undefined

「imtoken官网网址」webpack打包的ES6代码,import获取的值为空/undefined

admin imtoken钱包官网 2022年07月27日

下一节:有关最新版layui框架table模块的小问题

对应的a.js 应该有export defaut;

首先,webpack,默认打包结构是一个闭包,然后模块是作为闭包的参数列表,是个数组,每一项也是个匿名函数,具体参考链接

参考官方文档:https://webpack.js.org/config...
最好看下你这两个文件

https://m.toutiaocdn.com/i688...

第 5 个答案:

需要看下你 a b js文件中有没有export defaut.
应该这样用:import {a} from './a'


第 2 个答案:

参考

webpack打包的ES6代码,import获取的值为空/undefined 问题描述:

webpack配置如下啦:

第 1 个答案:

这个问题查了会资料,就自问自答了,以供参考:
const webpack = require('webpack') const path = require('path') const config = { context: path.resolve(__dirname, '../src'), entry: '../src/app.js', output: { path: path.resolve(__dirname, '../dist'), filename: 'bundle.js' }, module: { rules: [{ test: /\.js$/, include: path.resolve(__dirname, '../src'), use: [{ loader: 'babel-loader', options: { presets: ['env'] } }] }] }, plugins:[ ] } module.exports = config

使用如上的webpack配置,打包app.js如下:

如果没有 default,
有一个libraryTarget的属性,作用是定义模块运行的方式,将它的值设为umd,则问题解决!

import a from './a' import b from './b' export{ a, b }

打包完发布npm,另一个项目使用该模块包,import {a} from xxx,却拿不到a或者b的值分别为undefined,这是为啥?(上述打包一切正常,已使用babel转换,依赖引入的也是转换后的es5代码)求指教!

在使用layui table的时候,数据表格加载出现了一些问题,有时候,表格可以加载的出来,有时候,加载不出来。之前用layui 2.0.x版本并没出现过类似的问题。这是为什么呢,实例方法不对 ...

第 4 个答案:

得看你的 package.json

暴露出的对象,都在闭包中,应该是导致拿不到值的根本原因(后续还需具体跟踪!)。

解决方案:

你这种用法:import a from './a'
第 3 个答案:

你的 a.js 和 b.js 怎么写的?

广告位
标签: javascrip   webpack   ecmascript-6