课件和源代码下载地址

精选留言(12)

• 
  Geek_295b96

  2019-08-13

  老师，麻烦看下这个是什么报错啊？@老师
  react-dom.min.js:162 TypeError: Failed to construct 'Text': Please use the 'new' operator, this DOM object constructor cannot be called as a function.
      at beginWork (react-dom.min.js:133)
      at d (react-dom.min.js:158)
      at f (react-dom.min.js:159)
      at g (react-dom.min.js:159)
      at t (react-dom.min.js:167)
      at x (react-dom.min.js:166)
      at r (react-dom.min.js:164)
      at v (react-dom.min.js:163)
      at Object.enqueueSetState (react-dom.min.js:124)
      at Search.p.setState (react.min.js:18)

  展开

  作者回复: 需要贴一下代码链接，不然直接从堆栈看不好排查

   1

   1
• 
  feng.han

  2019-07-09

  <script crossorigin="anonymous" src="//11.url.cn/now/lib/4/lib.js?_bid=152"></script>
  老师，webpack打包出来像这种加版本号是怎么加的，可以加时间戳么

  

   1
• 
  Ricardo·M·Liang

  2019-11-17

  动态引入的地址怎么改，比如上线我的项目放在，baidu/js/demo.js。动态生成的js放哪里好呢

  

  
• 
  Geek_761448

  2019-09-25

  老师，我这样配置splitchunks为什么不报错啊？
    splitChunks: {
              chunks: "all",
              cacheGroups: {
                  test: /[\\/]node_modules[\\/]/,
              }
          }
  test这个配置项不是应该在vendors中设置吗？为什么这样配置不报错呢？而且输出的结果中本应该是venodrs的前缀变成了test前缀

  展开

   2

  
• 
  一路向北

  2019-09-19

  SplitChunksPlugin配置后，动态import就无法生效了。打包后，在浏览器端会报错。

   1

  
• 
  一路向北

  2019-09-18

  如果有SplitChunksPlugin配置，@babel/plugin-syntax-dynamic-import插件不起作用吧。我试了试开启前者配置，然后后者分别配置和不配置都打包了一下，完全一样，没有区别。但是关闭前者配置就不一样了

  

  
• 
  喝旺仔的小哥

  2019-07-20

  老师你好，麻烦问一下，就是当 import '../../common'这一句加上的时候，懒加载就不成功，整个Search组件都无法显示，当删了这句话之后就可以了，有点迷

   1

  
• 
  Tiara

  2019-07-15

  老师，可不可以讲讲模块化拆分，就是项目里的每个模块都是一个独立的app

   2

  
• 
  Geek_abe05a

  2019-07-04

  老师，求助，研究了半天也没好，我想点击动态引入import('./test.js'),但是报错，如下，
  react-dom.development.js:12938 Uncaught TypeError: Failed to construct 'Text': Please use the 'new' operator, this DOM object constructor cannot be called as a function.
      at renderWithHooks (react-dom.development.js:12938)
      at mountIndeterminateComponent (react-dom.development.js:15020)
      at beginWork (react-dom.development.js:15625)
      at performUnitOfWork (react-dom.development.js:19312)
      at workLoop (react-dom.development.js:19352)
      at HTMLUnknownElement.callCallback (react-dom.development.js:149)
      at Object.invokeGuardedCallbackDev (react-dom.development.js:199)
      at invokeGuardedCallback (react-dom.development.js:256)
      at replayUnitOfWork (react-dom.development.js:18578)
      at renderRoot (react-dom.development.js:19468)，
  我的代码：
  //主js文件
  import React from 'react';
  import '../../common';
  // import Text from './test';
  
  export default class Roots extends React.Component{
      constructor () {
          super(...arguments);
          this.state = {
              Text: null
          };
      }
      
  
      render () {
          const hangel = () => {
              import('./test.js').then((Text) => {
                  this.setState({
                      Text: Text.default()
                  })
              });
          }
          return (<div className="search">
              search pages
              工业也米娜sdfdsfsdf
              { this.state.Text ? <Text /> : '' }
              <div onClick={hangel}>点我吧</div>
          </div>)
      }
  }
  //test.js文件
  import React from 'react';
  export default () => (<div>动态 test</div>);

  展开

   5

  
• 
  喵喵喵喵喵

  2019-07-01

  请问下，老师一直提到的cjs是指什么意思？

  作者回复: 就是common js

  

  
• 
  爱微笑的酒窝

  2019-06-25

  30多讲收获满满，期待之后的内容！加油老师

  作者回复: 嗯嗯，继续更新高质量的视频内容出来 😄

  

  
• 
  .Alter

  2019-06-24

  老师你好，我看有的地方在动态import的时候会写/* webpackChunkName: "xxxx" */的注释在import里面，这个是要做什么呢? 还有这么做有什么好处呢？

   2

  