Vue.js >-为生产而建。。。错误类型错误：无法设置未定义的属性“shadowMode” TypeError:无法设置未定义的属性“shadowMode” 在C:\ThermoAnalyzer\vue_js\project1\vue.config.js:26:24 在Object.tap（C:\thermoanalyzer\vue\u js\project1\node\u modules\webpack chain\src\Use.js:14:20） 在C:\ThermoAnalyzer\vue_js\project1\vue.config.js:25:26 在Array.forEach（）处 at enableShadowCss（C:\ThermoAnalyzer\vue_js\project1\vue.config.js:25:11） 在chainWebpack（C:\ThermoAnalyzer\vue_js\project1\vue.config.js:34:5） 位于C:\ThermoAnalyzer\vue\u js\project1\node\u modules\@vue\cli service\lib\service.js:236:40

如果有人能用正确的CSS样式帮助我生成代码的web组件，我将不胜感激。

您在

vue.config.js

中拥有的

enableShadowCss（）

代码仅用于开发模式<代码>阴影模式已在生产生成中启用，因此这对生成过程没有帮助，您应该将其删除

BootstrapVue组件未在主应用程序中初始化，因此您将在浏览器控制台中看到错误消息，指示未知组件

要启用第三方组件，您可以在要导出的目标组件中初始化BootstrapVue（

src/App.vue

）：

从“bootstrap vue”导入{BootstrapVue，IconsPlugin}；
Vue.config.productionTip=false；
Vue.use（BootstrapVue）；
Vue.use（IconsPlugin）；
导出默认值{
//...
}

此外，您还需要导入目标组件的

块中的样式，以便它们包含在组件的阴影CSS中：

@导入“~bootstrap/dist/css/bootstrap.css”；
@导入“~bootstrap vue/dist/bootstrap vue.css”；
/*...*/

---

嗨，托尼，谢谢你的代码和修改。但是，当我尝试构建项目时，它无法将图像正确加载到画布中。我不确定代码中有什么错误？

npm run build -- --target wc --name app-1

C:\ThermoAnalyser\vue_js\project1\dist>dir
 Volume in drive C is Windows-SSD
 Volume Serial Number is 18EE-B4F6

 Directory of C:\ThermoAnalyser\vue_js\project1\dist

27/12/2020  11:24 PM    <DIR>          .
27/12/2020  11:24 PM    <DIR>          ..
27/12/2020  11:24 PM            46,521 app-1.js
27/12/2020  11:24 PM            55,715 app-1.js.map
27/12/2020  11:24 PM            18,236 app-1.min.js
27/12/2020  11:24 PM            71,872 app-1.min.js.map
27/12/2020  11:24 PM               149 demo.html
               5 File(s)        192,493 bytes
               2 Dir(s)  300,479,696,896 bytes free

npm run build

-  Building for production... ERROR  TypeError: Cannot set property 'shadowMode' of undefined
TypeError: Cannot set property 'shadowMode' of undefined
    at C:\ThermoAnalyser\vue_js\project1\vue.config.js:26:24
    at Object.tap (C:\ThermoAnalyser\vue_js\project1\node_modules\webpack-chain\src\Use.js:14:20)
    at C:\ThermoAnalyser\vue_js\project1\vue.config.js:25:26
    at Array.forEach (<anonymous>)
    at enableShadowCss (C:\ThermoAnalyser\vue_js\project1\vue.config.js:25:11)
    at chainWebpack (C:\ThermoAnalyser\vue_js\project1\vue.config.js:34:5)
    at C:\ThermoAnalyser\vue_js\project1\node_modules\@vue\cli-service\lib\Service.js:236:40