主页 > imtoken钱包官网 > 「imtoken下载网址」webpack打包的ES6代码,import获取的值为空/undefined
「imtoken下载网址」webpack打包的ES6代码,import获取的值为空/undefined
需要看下你 a b js文件中有没有export defaut.
import a from './a'
import b from './b'
export{
a,
b
}
打包完发布npm,另一个项目使用该模块包,import {a} from xxx,却拿不到a或者b的值分别为undefined,这是为啥?(上述打包一切正常,已使用babel转换,依赖引入的也是转换后的es5代码)求指教!
第 2 个答案:参考
参考官方文档:https://webpack.js.org/config...
第 4 个答案:
得看你的 package.json
最好看下你这两个文件应该这样用:import {a} from './a'webpack打包的ES6代码,import获取的值为空/undefined 问题描述:
webpack配置如下啦:
你这种用法:import a from './a'
有一个libraryTarget的属性,作用是定义模块运行的方式,将它的值设为umd,则问题解决!
如果没有 default,
下一节:有关最新版layui框架table模块的小问题
第 1 个答案:这个问题查了会资料,就自问自答了,以供参考:
在使用layui table的时候,数据表格加载出现了一些问题,有时候,表格可以加载的出来,有时候,加载不出来。之前用layui 2.0.x版本并没出现过类似的问题。这是为什么呢,实例方法不对 ...
对应的a.js 应该有export defaut;https://m.toutiaocdn.com/i688... 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如下:
暴露出的对象,都在闭包中,应该是导致拿不到值的根本原因(后续还需具体跟踪!)。解决方案:
第 3 个答案:
你的 a.js 和 b.js 怎么写的?
广告位 |