webpack 未找到导出“render”(作为“render”导入)错误

7tofc5zh  于 2024-01-08  发布在  Webpack
关注(0)|答案(1)|浏览(153)

`当我用typeScript和webpack构建vue项目时,“export 'render'(导入为'render')was not found error”让我很困扰。这是完整的错误代码。

  1. export 'render' (imported as 'render') was not found in './Menu.vue?vue&type=template&id=55cdf198&ts=true' (possible exports: __esModule)
  2. @ ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./client/views/pages/App.vue?vue&type=script&lang=js 5:0-36 32:10-14
  3. @ ./client/views/pages/App.vue?vue&type=script&lang=js 1:0-185 1:0-185 1:186-360 1:186-360
  4. @ ./client/views/pages/App.vue 2:0-54 3:0-49 3:0-49 8:49-55
  5. @ ./client/views/index.js 8:0-34 9:22-25

字符串
这是我的webpack.js

  1. const { VueLoaderPlugin } = require("vue-loader");
  2. const {PROJECT_NAME, BASE_DIR, SERVICE_STATUS} = require('./Global');
  3. module.exports = {
  4. name: PROJECT_NAME,
  5. mode: SERVICE_STATUS,
  6. devtool: 'eval',
  7. entry: {
  8. app: [`${BASE_DIR}/client/views/index.js`]
  9. },
  10. module: {
  11. rules: [{
  12. test: /\.vue?$/,
  13. loader: 'vue-loader',
  14. },{
  15. test: /\.ts$/,
  16. loader: 'ts-loader'
  17. },{
  18. test: /\.(js|jsx)?$/,
  19. loader: 'babel-loader',
  20. }, {
  21. test: /\.css$/,
  22. use: ['vue-style-loader', 'css-loader']
  23. }, {
  24. test: /\.(jpe?g|png|gif|svg|ttf|eot|woff|woff2)$/i,
  25. use: [{
  26. loader:'url-loader',
  27. options:{
  28. limit:8192,
  29. fallback:require.resolve('file-loader')
  30. }
  31. }]
  32. }],
  33. },
  34. plugins: [new VueLoaderPlugin()],
  35. output: {
  36. path: `${BASE_DIR}/client/build`, // __dirname: webpack.config.js 파일이 위치한 경로
  37. filename: 'bundle.js'
  38. },
  39. }


这是我的package.json

  1. {
  2. "dependencies": {
  3. "@babel/cli": "7.19.3",
  4. "@babel/core": "7.19.3",
  5. "appstore": "^1.5.0",
  6. "babel-loader": "8.2.5",
  7. "connect-history-api-fallback": "^2.0.0",
  8. "css-loader": "6.7.1",
  9. "express": "4.18.1",
  10. "express-http-proxy": "^1.6.3",
  11. "file-loader": "6.2.0",
  12. "fs": "0.0.1-security",
  13. "new-line": "^1.1.1",
  14. "pg": "8.8.0",
  15. "ts-loader": "^9.4.2",
  16. "url-loader": "4.1.1",
  17. "vue": "3.2.40",
  18. "vue-loader": "^17.0.0",
  19. "vue-router": "4.1.5",
  20. "vue-style-loader": "4.1.3",
  21. "vue3-sfc-loader": "^0.8.4",
  22. "webpack": "5.74.0",
  23. "webpack-cli": "4.10.0"
  24. },
  25. "scripts": {
  26. "prod": "set NODE_ENV=production&&node ./server/modules/web/server.js",
  27. "dev": "set NODE_ENV=development&&node ./server/modules/web/Server.js",
  28. "windows-prod": "set NODE_ENV=production&&node ./server/modules/web/server.js",
  29. "windows-dev": "set NODE_ENV=development&&node ./server/modules/web/server.js",
  30. "linux-prod": "export NODE_ENV=production&&node ./server/modules/web/server.js",
  31. "linux-dev": "export NODE_ENV=development&&node ./server/modules/web/server.js",
  32. "webpack-build": "webpack",
  33. "webpack-build-watch": "webpack --watch"
  34. }
  35. }


请帮我
我在网上搜索了一下,想解决这个问题,但没有找到合适的答案。

yduiuuwa

yduiuuwa1#

我收到了同样的错误信息。
从我的webpack.js.js中删除“tsx”规则解决了这个问题:

  1. {
  2. test: /\.ts$/,
  3. loader: 'ts-loader',
  4. options: {
  5. appendTsSuffixTo: [/\.vue$/],
  6. },
  7. exclude: /node_modules/,
  8. },
  9. /** this part triggered error
  10. {
  11. test: /\.tsx?$/,
  12. use: 'ts-loader',
  13. exclude: /node_modules/,
  14. },
  15. **/
  16. {
  17. test: /\.vue$/,
  18. loader: 'vue-loader',
  19. },

字符串

展开查看全部

相关问题